jquery - 获取复选框以在单击时保持选中状态

Question

我尝试了各种方法来让我的复选框在单击时被选中。

以下适用于准备好的文档：

$('input[name=foo]').attr("checked","checked");

但是，一旦我用单击事件包围它，复选框就不会保持选中状态。在单击时，他们会检查（他们应该），然后立即取消选中。

$("#selectall").click(function(){
$('input[name=foo]').attr("checked","checked");
});

我的 HTML：

<form id="frm1">
<input type="checkbox" name="foo" value="bar" />
</form>

Answer 1

采用...

[type=checkbox]    

$("#selectall").click( function(){ $('input[type=checkbox]').attr("checked","checked"); } );

Answer 2

试试这个使用.prop()而不是.attr()

HTML

<input id="selectall" type="checkbox" name="foo" value="bar">Select ALL

    <form id="form1">
       <input type="checkbox" name="foo" value="bar" />
       <input type="checkbox" name="foo" value="bar" /> 
       <input type="checkbox" name="foo" value="bar" /> 
       <input type="checkbox" name="foo" value="bar" />
    </form>

javascript

$("#selectall").click(function() {
    $('#form1 input[type=checkbox]').prop("checked", this.checked);
});

检查小提琴