javascript - jq实现全选的一个问题

 JieGe木 发布于 2022-11-10 17:23

代码我贴
链接描述

这个链接上了↑

出现问题:

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

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

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

    });

    2022-11-12 11:04 回答
  • 假设一级为parent,二级为children

    $('.parent').on('change',function(e){
        $(this).find('.children').prop('checked',$(this).prop('checked'));
    });
    2022-11-12 11:04 回答
  • 点击父级节点的时候使用$(this).children()获取当前元素的子集结点就可以了

    2022-11-12 11:04 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有