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

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

例子：http://jsfiddle.net/nht6w/

Answer 2

它应该是$(this).is(':checked')

Answer 3

您需要使用:checked选择不checked

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

Answer 4

因为您正在检查input元素是否为checked元素，当然这不是元素，因为它是input元素（并且没有checked元素）。使用:checked pseudo-selector：

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

Answer 5

或者这样：

$(this).attr("checked")