???<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>jQuery 实现复选框的全选与反选
原文地址：https://www.cnblogs.com/xshan/p/10227477.html