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

实例如下：/全选按钮$("#all").click(function(){if(this.checked){$(":checkbox").prop("checked",true);}else{$(":ch

实例如下：

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