玩法介绍当前位置:星鸿娱乐 > 玩法介绍 > >

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

  

[jq,checkbox,全选]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传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

  

(责任编辑:admin)

上一篇:星鸿娱乐平台JavaScript实现复制或剪切内容到剪贴

下一篇:javascript文件加载管理简单实现方法

推荐内容

客户服务热线

010-400-12345

在线客服