checkbox选择 ajax实例,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();

}

});

});

以上这篇jq checkbox 的全选并ajax传参的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

时间： 2017-03-30