jQuery复选框启用禁用

我有一个关于复选框启用和禁用的问题

如果我选中复选框，“个人培训”应该被禁用

但我做不到

$('#optionen :checkbox').on('change', function () {
    $('.menu li.' + this.className).toggleClass('hide');

});

你能帮我吗

提前谢谢

$('#optionen :checkbox').on('change', function(){

这意味着“查找

#optionen

，然后查找其派生的任何复选框”。这将找到以下元素：

<input type="checkbox">

这显然是一个无效的选择器，因此出现了一个错误，什么也没有发生

我不确定你的解决方案是什么；它可能很简单，只需将

类

属性添加到

输入

元素：

<input type="checkbox" class="leaf">

这就是你想要的吗

<input type="checkbox" id="optionen">

---

您没有带有复选框的类或id。我想您需要带有复选框的“optionen”id。然后，您还需要删除对该类的引用，除非您想在复选框中添加一个类。

您有两个明显的解决方案，第一个是为

输入
叶
的类：

<span><input class="leaf" type="checkbox" />SERVICES</span>

然后使用：

$('#optionen :checkbox').on('change', function () {
    $(this).closest('li').find('ul.menu li').toggleClass('versteckt');
});


参考资料：




但是您的复选框没有
class
属性…您希望
这个.className
是什么？添加这一行：警报（这个.className）；如果要隐藏/显示所有“个人培训”ul li项目，可以尝试：
$（'.menu li'）.toggleClass（'versteckt'）@aldimeola1122如果此答案解决了您的问题，请单击左侧的复选框进行标记
<span><input class="leaf" type="checkbox" />SERVICES</span>

<div id="optionen">
    <ul>
        <li><span><input type="checkbox" />SERVICES</span>

            <ul class="menu">
                <li class="first leaf"><a href="/site/personal_training">PERSONAL TRAINING</a>

                </li>
                <li class="leaf"><a href="/site/personal_training">PERSONAL TRAINING</a>

                </li>
                <li class="leaf"><a href="/site/personal_training">PERSONAL TRAINING</a>

                </li>
            </ul>
        </li>
    </ul>
</div>

$('#optionen :checkbox').on('change', function () {
    $(this).closest('li').find('ul.menu li').toggleClass('versteckt');
});