jquery checkbox 全选 反选 子级全选默认选中父级
2017-08-31 15:06
375 查看
js中:
layui中的效果:
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()+",";
})
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()+",";
})
相关文章推荐
- jQuery处理点击父级checkbox所有子级checkbox都选中,取消选中所有子级checkbox都取消
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
- 【Demo】 使用JQuery选中某个元素, checkbox全选
- jQuery实现checkbox(复选框)选中、全选反选代码
- java基础---Jquery复选框checkbox全选反选及选中事件
- jQuery实现CheckBox全选、全不选以及获取选中的值
- jquery .prop()的相关操作——全选、反选、获得所有选中的checkbox
- jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox
- JQuery 判断checkbox是否选中,checkbox全选反选,以及执行click事件
- jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox
- jquery实现全选、反选、获得所有选中的checkbox
- jquery checkbox 选中 全选 插件
- JQuery checkBox 全选 、获取选中的个数
- jquery实现checkbox全选,选择性勾选,以及table中点击tr中任意一行实现选中或不选中
- jquery实现全选、反 c80f 选、获得所有选中的checkbox (记录专用
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
- jQuery设置 select、radio、checkbox 默认选中的值
- jq实现循环遍历树形结构的CheckBox根据父级选中子级
- 选中实现jquery实现复选框checkbox全选(完善)