javascript - 如何使用 jquery 选中/取消选中所有复选框

Question

我有这个 HTML 代码

<div class="friends_container">
   <div class="friend">
       <input type="checkbox" />    
      ...
   </div>
<div class="friend">
       <input type="checkbox" />    
      ...
   </div>
<div class="friend">
       <input type="checkbox" />    
      ...
   </div>
</div>

带有全选/取消全选链接

<a id="selectall" href="#" >select all</a>

我试图让它工作，但我失败了..有什么帮助吗？

JsFiddle Here

Answer 1

通过将链接更改为复选框，这会很容易

试试这个

<input id="selectall" type="checkbox"  />select all

js

 $('#selectall').click(function(){
    $('.friend').find('input:checkbox').prop('checked',this.checked);
})

fiddle here

<小时/>

带有链接

$('#selectall').click(function(){
    $('.friend').find('input:checkbox').prop('checked',true);
})

再创建一个链接以取消选中该复选框