您的位置:首页 > Web前端 > JQuery

jquery checkbox 全选 反选 子级全选默认选中父级

2017-08-31 15:06 375 查看
js中:

layui中的效果:

var i=0;
form.on('checkbox(test22)',function(data){
if($("#tt div:first").nextAll().children("div").hasClass("layui-form-checked")){
i++;
}
if($("#tt div:first").nextAll().children("div").length == i){
$("#tt div:first").addClass("layui-form-checked");
}else{
$("#tt div:first").removeClass("layui-form-checked");
}
});
form.render(); //更新全部
form.on('select'); //刷新select选择框渲染


checkbox

选中将值添加数组,如果存在就移除数组中,

  var arr=new Array();

 $("input[id^='sellerGoodStroeProductSkuId_']").click(function(){
if(jQuery.inArray($(this).val(),arr) == -1){ 

    arr.push($(this).val()); 
}else{
var num= jQuery.inArray($(this).val(),arr);
arr.splice(num,1);
}

 });

 $("#checkboxs").val(arr); 

全选,取消全选

<input type="button" id="checkall" name="checkall" value="全选" /> 

$("#checkall").click( 
  function(){ 
    if(this.checked){ 
        $("input[name='checkname']").attr('checked', true)
    }else{ 
        $("input[name='checkname']").attr('checked', false)
    } 
  } 
);

将checkbox选中的值添加到字符串中

var arr="";
 jQuery("input[name^=id_]:checkbox:checked").each(function(index,item){
 arr+=jQuery(this).val()+",";
 })
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: