jquery - 确定是否选中多个复选框

Question

我在一个页面上有 4 个复选框（#Cbox1...#Cbox4），我正在尝试使用多个 if 语句来确定检查 4 个的哪个组合，然后根据它做“某事”。例如，我正在尝试使用以下内容来查看是否检查了第 1、第 3 和第 4：

if ($(("#Cbox1").is(":checked"))&&(("#Cbox2").is(":not(:checked)"))&&(("#Cbox3").is(":checked"))&&(("#Cbox4").is(":checked"))) {
            //do this
}

每当运行“if 语句”时，我都会遇到错误。任何人都可以提供建议吗？谢谢！

Answer 1

让我们分解你的代码：

if (
    $(
        ("#Cbox1").is(":checked")
    )
    &&
    ...
) {

您可以看到您正在尝试运行("#Cbox1").is(":checked")，然后在其$()上运行 jQuery 构造函数。显然，第一个操作不起作用。

这将起作用：

if (
    $("#Cbox1").is(":checked") &&
    $("#Cbox2").is(":not(:checked)") &&
    $("#Cbox3").is(":checked") &&
    $("#Cbox4").is(":checked")
) {

如果不出意外，这应该是清晰地格式化代码的重要性的教训。

Answer 2

您的 if 语句不正确。

它应该是这样的：

if ( $("#Cbox1").is(":checked") && 
     $("#Cbox2").is(":not(:checked)") && 
     $("#Cbox3").is(":checked") && 
     $("#Cbox4").is(":checked") ) {
            //do this
}