javascript - Jquery 检查类，如果类存在，则选中一个复选框

Question

我正在尝试使用 Jquery 运行一个简单的函数。这是该函数的伪代码 -

“在页面加载时，检查类名“active”。 如果存在这样的类，请选中相应的复选框。 否则继续。”非常简单。

我们目标代码的 HTML :

<li class="inactive" aria-selected="false">
        <input class="checkBox" type="checkbox" name="checkLink" value="Accessories">
            Accessories 1
    </li><!--box example won't be marked "checked" on page load-->



 <li class="active" aria-selected="false">
            <input class="checkBox" type="checkbox" name="checkLink" value="Accessories">
                Accessories 2
</li><!--box example will be marked "checked" on page load-->

我编写的用于创建交互的 Jquery:

  $(document).ready(function(){
    alert("RUNNIN");

        if ("li").hasClass("active"){
             $('.checkBox').prop('checked', true);
        };

    alert("CODE RAN");
});

这些警报是为了测试代码中的哪些位置发生了故障。目前，无论是在开始还是结束时，它们甚至根本没有加载。但是，如果我完全删除条件语句，它们就会运行。

检查谷歌开发工具，它在我的“if”行上检测到语法错误。此处添加了屏幕截图: Follow link here to see screenshot

我猜我还不能嵌入图像。错误行在控制台中说明了这一点“第 17 行出现意外标记。”，即 if("li").hasClass 行。

所以它并不期待。但我不确定那里的语法有什么问题。删除它会导致它不需要 { 等等，直到删除整行。

我很难找到错误。任何帮助将不胜感激。

Answer 1

您可以使用下面的方法检查所有具有 active 类的 li 元素，然后找到具有 checkBox 类的复选框元素，然后检查它。

$("li.active").find('.checkBox').prop('checked', true);