jQuery实现checkbox的全选和反选

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery实现checkbox的全选和反选相关的知识,希望对你有一定的参考价值。

 

1  $(function () {
2 
3             if ($(".chk_all")) {
4 
5                 $(".chk_all").click(function () {
6                     $("input[checkname=‘choice‘]").prop("checked", $(this).prop("checked"));
7                 });
8             }
9         });

如何使用:

1  <table >
2      <tr>
3          <th><input type="checkbox" class="chk_all" /></th>
4     </tr>
5    <tr>
6        <td><input type="checkbox"  class="check" checkname="choice"  /></td>
7      </tr>

在遍历数据的时候给他指定值,提交后的就会是相应的选中项

 

技术分享

OK,结束。。。

以上是关于jQuery实现checkbox的全选和反选的主要内容,如果未能解决你的问题,请参考以下文章

vue.js实现checkbox的全选和反选

Vue实现单选、全选和反选

JS如何实现对name是数组的复选框的全选和反选以及取消选择? form内容如下:

利用jQuery实现复选框的全选和反选

用jQuery实现复选框的全选全不选和反选

js实现复选框的全选全部选和反选