javascript - jq实现全选的一个问题
PHP中文网
PHP中文网 2017-04-11 12:16:30
[JavaScript讨论组]

代码我贴
链接描述

这个链接上了↑

出现问题:

点击下面二级checkbox的时候 连不属于他的下级也选择了。 希望有大神可以帮我解决下 谢谢

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
阿神

点击父级节点的时候使用$(this).children()获取当前元素的子集结点就可以了

天蓬老师

假设一级为parent,二级为children

$('.parent').on('change',function(e){
    $(this).find('.children').prop('checked',$(this).prop('checked'));
});
PHP中文网

这是因为所有的三级标签属性都相同,如果要依据二级分组分别操作,就需要分别使用不同的标签属性
可以试试把二级属性值与三级属性值关联起来,例如:二级:id="parent_1",对应的三级:name="parent_1"
剩下的,依次累加,
代码大概是这样:
// 点击二级全下下列三级
$("input[id^='parent']").change(function(){

var id = this.attr('id');
$("input[name='"+id+"']").attr("checked", true);

});

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号