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

前端之家收集整理的这篇文章主要介绍了jq checkbox 的全选并ajax传参的实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

实例如下:

Box").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']:check<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>: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传参的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/ajax/40262.html

猜你在找的Ajax相关文章