jQuery click (fn) не будет работать с элементом ввода

Question

Я хочу использовать jQuery для обнаружения щелчков на связке переключателей. Всем им был назначен класс css, foobar, для их обнаружения. Легко, правда? Тем не менее, этот код не работает:

$("input.foobar").click(function ()
{ 
    alert(this.id);
}
);

Что не так с кодом выше?

Действительно ли this.id возвращает идентификатор текущего переключателя?

РЕДАКТИРОВАТЬ: HTML на странице действительно не работает (не проверяет), так что, возможно, это проблема ...

РЕДАКТИРОВАТЬ 2: HTML испорчен за спасение. Придется оставить это и исправить обходной путь. Да простят меня боги HTML!

Answer 1

$("input.foobar").change(function () {
    alert(this.id);
});

Answer 2

В вашем примере кода нет ничего плохого, и он работает, как и ожидалось:

<input type="radio" class="foobar" id="x1" />
<input type="radio" class="foobar" id="x2" />
<input type="radio" class="foobar" id="x3" />

Нажатие на радио показывает окно предупреждения с идентификатором радио. Вы действительно нажали на поле, а не на какой-либо текст или элемент надписи?

Answer 3

Попробуйте

$("input.foobar").change(function ()

вместо .click(function ()

Answer 4

По сути, в вашем коде нет ничего плохого, он должен работать. Но, возможно, html поможет понять, в чем проблема.

И чтобы ответить на ваш второй вопрос, да, 'this.id' является допустимым JavaScript.