html
<th><input type="checkbox" id="all" ></th>
//遍歷中的checkbox
<td><input type="checkbox" name="ids" value="{{$v->id}}" ></td>
代碼如下
//全反選
$(document).on('click','#all',function(){
console.log(1);
if(this.checked){
$('input[name="ids"]').prop("checked", true);
}else{
$('input[name="ids"]').prop("checked", false);
}
});
$(document).on('click','input[name="ids"]',function(){
if($('input[name="ids"]:checked').length == $('input[name="ids"]').length){
$('#all').prop("checked", true);
}else{
$('#all').prop("checked", false);
}
})
//執(zhí)行批量刪除函數(shù)
function delMore(url){
if($('input[name="ids"]:checked').length == 0){
swal('糟糕','請先選中要刪除的條目','error');
return false;
}
myConfirm('確定批量刪除?','刪除操作是不可逆的,是否繼續(xù)?',function(){
var ids = '';
$('input[name="ids"]:checked').each(function(){
ids+=$(this).val()+',';
})
ids = ids.substr(0, ids.length - 1);
window.location.href=url+"/"+ids;
});
}