永发信息网

jquery层次选择器问题!谁花点时间解答下呢

答案:1  悬赏:0  手机版
解决时间 2021-05-03 11:58
  • 提问者网友:富士山上尢
  • 2021-05-02 18:31

 

大伙,我有一个问题,就是我想点击.td3 input[type='checkbox']下的复选框  .td5下的复选框就可以用,点td5的时候td6下的复选框就可以用,怎么解决这个问题呢?我搞了一个早上都没有搞定这个问题
    <script type="text/jscript">
        $(document).ready(function() {
            $(".td4 input[type='checkbox']").attr("disabled", true); //让复选框不可以点击
            $(".td3 input[type='checkbox']").click(function() {
            if ($(this).attr("checked") == true) { //被点击时候
                  $(".td5 input[type='checkbox']").attr("disabled", false); //这句是不对的
                } else {
                    $(".td5 input[type='checkbox']").attr("disabled", true);
                }
            });
        });
    </script>

 

只是普通的层次选择器问题,但是就是搞不清

效果就是这个,但我点击快捷导航的时候,常用导航可以用,点常用导航的时候,公司简介 店铺连锁就可以用了

最佳答案
  • 五星知识达人网友:蕴藏春秋
  • 2021-05-02 19:41

你不是自己都实现了吗?只要在嵌套一轮下去就可以了。td6写进去不就得了了


    <script type="text/jscript">
    $(document).ready(function() {
    $(".td4 input[type='checkbox']").attr("disabled", true); //让复选框不可以点击
    $(".td3 input[type='checkbox']").click(function() {
    if ($(this).attr("checked") == true) { //被点击时候
    $(".td5 input[type='checkbox']").attr("disabled", false); //这句是不对的
    $(".td5 input[type='checkbox']").click(function() {
    if ($(this).attr("checked") == true) {
    $(".td6 input[type='checkbox']").attr("disabled", false);
    } else {
    $(".td6 input[type='checkbox']").attr("disabled", true);
    }
    });
    } else {
    $(".td5 input[type='checkbox']").attr("disabled", true);
    $(".td6 input[type='checkbox']").attr("disabled", true);  
    }
    });
    });
    </script>

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯