jq checkbox 的全选并ajax传参

时间:2023-03-08 16:46:29
jq checkbox 的全选并ajax传参
/全选按钮
$("#all").click(function(){
if(this.checked){
$(":checkbox").prop("checked", true);
}else{
$(":checkbox").removeAttr("checked");
} }); $("#form").on('click','.ids',function(){
var chknum = $("input[name='ids']:checkbox").size();//选项总个数
var chk = 0;
$("input[name='ids']:checkbox:checked").each(function () {
chk++;
}); if(chknum==chk){//全选
$("#all").prop("checked",true);
}else{//不全选
$("#all").removeAttr("checked");
}
}); //上下架
$('#form').on('click','.up,.down',function(){
var my = $(this);
var val = my.data('status');
var url = my.data('url'); var valArr = new Array;
$("input[name='ids']:checkbox:checked").each(function(i){
valArr[i] = $(this).val();
});
var vals = valArr.join(','); $.ajax({
url: my.data('url'),
method: 'post',
data: {
status: val,
ids:vals
},
success: function() {
$("#all").removeAttr("checked");
table.search();
}
}); });