在单个 jQuery 语句中处理多个 ID

Question

我试过搜索该网站，但真的很难找到我想要的东西......基本上我有一些jQuery代码可以检查三个ID的状态，它们与三个复选框相关联;

$('#submitButton').click(function(){
    if($("#cb1,#cb2,#cb3").is(':checked'))
        return true;
    else
        return false;
});

我将如何重组此jQuery语句以使其必须选中所有三个复选框？目前，可以检查任何一个以执行操作

我敢打赌，所有这些都有一个非常简单的解决方案，但我已经对它唠叨了这么久，我就是看不到它。有一双新鲜的眼睛和不那么笨拙的大脑的人能引导我朝着正确的方向前进吗？

Answer 1

您需要使用：

$('#submitButton').click(function(){
    if ($('#cb1').is(':checked') && $('#cb1').is(':checked') && $('#cb3').is(':checked')) {
        return true;
    } else {
        return false;
    }
});

Answer 2

使用

if($("#cb1").is(':checked') && $("#cb2").is(':checked') && $("#cb3").is(':checked'))

---

$("#cb1,#cb2,#cb3").is(':checked')将仅返回第一个元素的结果

Answer 3

尝试：

$('#submitButton').click(function(){
    if($("#cb1:checked,#cb2:checked,#cb3:checked").length === 3)
        return true;
    else
        return false;
});

Answer 4

您可以使用：

 if ($('#cb1:checked,#cb2:checked,#cb3:checked').length == 3) {
   //all three are checked.do something
 }

或

 if ($('#cb1:checked,#cb2:checked,#cb3:checked').length == $('#cb1,#cb2,#cb3').length) {
   //all three are checked.do something
 }

Answer 5

你可以试试：

$('#submitButton').click(function(){
    if($('#cb1')[0].checked && $('#cb2')[0].checked && $('#cb3')[0].checked)return true;
    return false;
});

Answer 6

您可以将类添加到复选框中并按如下所示使用：

$('#submitButton').click(function(){
    if($(".myCheckbox:checked").length == 3) {
        console.log('true');
    }
    else {
        console.log('false');
    }
});

下面是 JSFiddle 示例：

http://jsfiddle.net/cLH8s/1/