javascript - 或者选择器中的运算符

Question

当选中这些带有 backCheckbox、backCheckbox2、backCheckbox3 类的复选框之一时，我尝试收到警报。

我尝试过类似的方法但不起作用:

$(['.badCheckbox'], ['.badCheckbox2'], ['.badCheckbox3']).change(function(){
    if(this.checked)
        alert("Bad checkbox!");
});

HTML:

<input class="badCheckbox" type="checkbox"/>
<input class="badCheckbox2" type="checkbox"/>
<input class="badCheckbox3" type="checkbox"/>

Answer 1

jQuery (CSS) 选择器中的“或”运算符是逗号:".classA, .id1,​​ pre"
您给 jQuery 一个字符串，它是您在 CSS 中编写的选择器。它应该是单个字符串，因此只有一组引号，' 或 "

$('.badCheckbox, .badCheckbox2, .badCheckbox3')

...但是类不必是唯一的，事实上不应该是。如果您需要单独识别它们，那么您所拥有的应该使用唯一的id以及通用的类 - 类似

<input id="badCheckbox1" class="badcheckbox" type="checkbox"/>
<input id="badCheckbox2" class="badcheckbox" type="checkbox"/>
<input id="badCheckbox3" class="badcheckbox" type="checkbox"/>

然后你的jquery就变成了

$('.badcheckbox').change(function() {
    if(this.checked) {
        alert("Bad checkbox!");
    } // always use braces
});