jQuery 实现复选框的全选与反选
程序员文章站
2022-06-16 22:19:23
全选 ......
<script> //实现全选与反选 $(".allandnotall").click(function () { if ($(this).prop("checked")) { $("input[id=inlinecheckbox1]:checkbox").each(function () { $(this).prop("checked", true); }); } else { $("input[id=inlinecheckbox1]:checkbox").each(function () { $(this).prop("checked", false); }); } }); //当其中不勾选某一个选项的时候,则去掉全选复选框 $(":checkbox[id=inlinecheckbox1]").click(function () { $(".allandnotall").prop('checked', $(":checkbox[id=inlinecheckbox1]").length == $(":checkbox[id=inlinecheckbox1]:checked").length); }); </script>
<!-- 全选按钮 --> <label for="exampleinputemail2">全选</label> <input type="checkbox" class="allandnotall"> <!-- 单选框 --> <td><input type="checkbox" value="{{ data.id }}" name="product_bound_id" id="inlinecheckbox1"></td>
上一篇: 详解Axios 如何取消已发送的请求
下一篇: C语言基于graphics.h实现圣诞树