<section class="order-list" id="pagination"> <ul id="p1" class=" _current" > <li class=""> <input type="checkbox" οnclick="selectAll()"> <label>李四</label> <span>799688123@qq.com</span> <a>详情</a> </li> <li class=""> <input type="checkbox" οnclick="selectAll()"> <label>王武</label> <span>799688123@qq.com</span> <a>详情</a> </li> </ul> <ul id="p2" class=" " style="display: none;"> <li class=""> <input type="checkbox" οnclick="selectAll()"> <label>张三</label> <span>799688123@qq.com</span> <a>详情</a> </li> <li class=""> <input type="checkbox" οnclick="selectAll()"> <label>李四</label> <span>799688123@qq.com</span> <a>详情</a> </li> </ul> <div class="all-send"> <input type="checkbox" οnclick="checkAll(this)" id="all">全选 <a>发送</a> </div></section>
//全选，取消全选 $("#checkall").click( function(){ if(this.checked){ $("input[name='user']").prop('checked', true); }else{ $("input[name='user']").removeAttr("checked"); } } );
function checkAll(obj) { //alert(obj.checked); //获取name=box的复选框 var userids = $(".order-list li input"); //alert(userids.length); for (var i = 0; i < userids.length; i++) { userids[i].checked = obj.checked; }}function selectAll() { //获取name=box的复选框 var userids = $(".order-list li input"); var count = 0; //遍历所有的复选框 for (var i = 0; i < userids.length; i++) { if (userids[i].checked) { count++; } } //选中复选框的个数==获取复选框的个数 if (count == userids.length) { //设置id为all复选框选中 document.getElementById("all").checked = true; } else { //设置id为all复选框不选中 document.getElementById("all").checked = false; }}
转载于:https://www.cnblogs.com/937522zy/p/7149431.html
相关资源：CheckBoxList全选反选添加删除
