为什么我的复选框上的复选框不能用于js文件，而是在控制台上工作？

Question

我正在尝试在更改时获取所选的复选框文本。

这是我的aspx代码

<ul class="multiselect-container dropdown-menu">
    <li class="">
        <a tabindex="0">
            <label class="checkbox">
                <input type="checkbox" value="1001"> 1001</label>
        </a>
    </li>
    <li class="">
        <a tabindex="0">
            <label class="checkbox">
                <input type="checkbox" value="1111"> 1111</label>
        </a>
    </li>
    <li class="">
        <a tabindex="0">
            <label class="checkbox">
                <input type="checkbox" value="2222"> 2222</label>
        </a>
    </li>
    <li class="">
        <a tabindex="0">
            <label class="checkbox">
                <input type="checkbox" value="3333"> 3333</label>
        </a>
    </li>
</ul>

这是我试过的Jquery代码

$('.multiselect-container :checkbox').change(function () {
    $('.multiselect-container input:checkbox').each(function () {
        var sThisVal = (this.checked ? $(this).val() : "");
        alert(sThisVal);
    });
    alert('working');
});

注意

  

当我在js文件上运行时，它不会显示警报。但是当我试着在控制台上它正在......

Can you tell me answer with reason why it is not working with js file?

Answer 1

您需要在加载页面后执行js代码。有很多方法：

1. 将脚本标记放在正文的末尾：
2. 使用函数包装脚本，并在加载页面后调用它。这可以通过在正文上添加onload属性（更多w3）或在仅调用函数的正文末尾添加脚本标记来完成。
3. 您可以使用jQuery ready或on load（更多jQuery doc）