背景:
1 Choose1 全选checkbox ,选中此checkbox,子列表的checkbox全部为选中状态.
2 在子列表中如果去掉一个checkbox则Choose1 的全选状态也改为不选中.
3 子列表中全部选中时则Choose1 的全选状态也改为选中状态.
4 子列表是使用Dot.js生成的,所以只有name没有ID可以使用.
<div class="col-xs-1" > <input type="checkbox" name="chk_list_1" onclick="sub_Choose1(this)" value="XXXXXXXXXXX" /> </div>
//联系人全选 $("#Choose1").click(function () { var isChecked = $(this).prop("checked"); $("input[name='chk_list_1']").prop("checked", isChecked); }); //子选项选择 var sub_Choose1 = function (item) { var total = $("input[name='chk_list_1']").length; var checked = $("input[name='chk_list_1']:checked ").length; if (total > 0 && checked == total) { $("#Choose1").prop("checked", true); } else { $("#Choose1").prop("checked", false); } };