加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 23:19:02 所属栏目:百科 来源:网络整理
导读:实例如下: }); $("#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").pr

实例如下:

});

$("#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传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读