代码我贴
链接描述
这个链接上了↑
出现问题:
点击下面二级checkbox的时候 连不属于他的下级也选择了。 希望有大神可以帮我解决下 谢谢
这是因为所有的三级标签属性都相同,如果要依据二级分组分别操作,就需要分别使用不同的标签属性
可以试试把二级属性值与三级属性值关联起来,例如:二级:id="parent_1",对应的三级:name="parent_1"
剩下的,依次累加,
代码大概是这样:
// 点击二级全下下列三级
$("input[id^='parent']").change(function(){
var id = this.attr('id'); $("input[name='"+id+"']").attr("checked", true);
});
假设一级为parent,二级为children
$('.parent').on('change',function(e){ $(this).find('.children').prop('checked',$(this).prop('checked')); });
点击父级节点的时候使用$(this).children()
获取当前元素的子集结点就可以了