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

您可能感兴趣的文章:

• jQuery实现CheckBox全选、全不选功能
• jQuery Checkbox 全选 反选的简单实例
• jQuery实现checkbox列表的全选、反选功能
• 基于jQuery的checkbox全选问题分析
• jQuery对checkbox 复选框的全选全不选反选的操作
• jQuery实现checkbox全选的方法
• JQuery选中checkbox方法代码实例（全选、反选、全不选）
• Jquery 实现checkbox全选方法
• jquery中checkbox全选失效的解决方法
• jquery操作checkbox实现全选和取消全选
• jquery、js操作checkbox全选反选