獲取複選框以保持點擊時的選中狀態

Question

我試過各種方法讓我的複選框在點擊時進行檢查。

在文件準備好以下工作：

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

但是當我圍繞着它與複選框不會保持選中狀態click事件。點擊時，他們檢查（他們應該），然後立即取消選中。

$("#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

嘗試，而不是.attr()

HTML這個 使用.prop()

<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); 
}); 

Check Fiddle