Флажок ввода всегда возвращает false

Question

У меня есть следующий код:

HTML

<div id='foo'>
    <input type='checkbox' value='english' name='bar[english]' />
    <input type='checkbox' value='spanish' name='bar[spanish]' />

    <button type='button' class='button'>Me!</button>
</div>​

JavaScript (jQuery)

$('.button').click(function() {
    status = '';
    $('#foo input[name*="bar"]').each(function() {
        status += $(this).val() + ': ' + $(this).is('checked') + ".\n";
    });
    alert(status);
});

http://jsfiddle.net/pCmXJ/

Вы знаете, скажите мне, почему два флажка всегда возвращают false? Спасибо.

Answer 1

Возможно, потому что вам нужен селектор :checked :

$(this).is(":checked") // <-- Note the colon (:) before "checked"

Пример: http://jsfiddle.net/nht6w/

Answer 2

Или это:

$(this).attr("checked")

Answer 3

Потому что вы проверяете, является ли элемент input элементом checked, что, разумеется, не является элементом input (а элементов checked нет). Используйте псевдо-селектор :checked :

$(this).is(':checked')

Answer 4

Вам нужно использовать селектор :checked, а не checked

status += $(this).val() + ': ' + $(this).is(':checked') + ".\n";

Answer 5

должно быть $(this).is(':checked')