输入复选框始终返回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/