jq checkbox 的全选并ajax传参的实例

网友投稿 214 2023-05-27


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'dbxEybQ).on('click','.up,.down',function(){

var my = $(this);

var val = my.data('status');

dbxEybQ 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

http:// },

success: function() {

$("#all").removeAttr("checked");

table.search();

}

});

});


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:详解Spring通过@Value注解注入属性的几种方式
下一篇:ES6(ECMAScript 6)新特性之模板字符串用法分析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~