Jquery 基于多个复选框显示隐藏div

Jquery 基于多个复选框显示隐藏div,jquery,Jquery,我有一个初始隐藏的div(#CME”),如果选中了所有6个复选框,我需要显示它 $("#CME").hide(); (function() { if("#CME1") && ("#CMEQL") && ("#CBT1") && ("#CBTQL") && ("#NYM1") && ("#CMX1").is(":checked") { $("#CME").show();

我有一个初始隐藏的div(#CME”),如果选中了所有6个复选框,我需要显示它

$("#CME").hide();
    (function() {
        if("#CME1") && ("#CMEQL") && ("#CBT1") && ("#CBTQL") && ("#NYM1") && ("#CMX1").is(":checked") {
            $("#CME").show();
        } else {
            $("#CME").hide();
        }
    });

这会在firebug中不断出现错误。thx.

您的代码有两个问题:

1) if的语法错误

2) if条件中缺少jQuery对象前缀(jQuery/$)

3) jQuery的is函数返回true,即使选择中的一个元素满足is条件,这将根据您的要求产生错误的结果

试试这个:

 $("#CME").hide();
$(function() {
        $("#CME1, #CMEQL, #CBT1, #CBTQL, #NYM1, #CMX1").change(function(){
        var checkBoxes =  $("#CME1, #CMEQL, #CBT1, #CBTQL, #NYM1, #CMX1").filter(":not(:checked)");
            if(checkBoxes.length == 0){
                    $("#CME").show();
            } else {
                    $("#CME").hide();
            }
    });
});

工作示例@:

这些复选框组是否与您之前询问的复选框组相同?不幸的是,没有,不同的组:)好的。只是想确定这些是我们正在处理的单个复选框。你在下面得到的答案应该是可行的,但是要考虑的是你在不调用它的情况下创建一个函数。可能您想在
(function(){…
)之前放置一个
$
。更新了代码($在就绪函数处理程序之前丢失)现在试一试?@Cybernate@Patrick我想它应该是一个更改功能。如果我检查了所有这些功能,什么也不会发生,但是如果我刷新页面,它们仍然被检查,div就会出现。@Dirty:不要误会,但是如果你需要在更改事件中使用它,你需要在问题中给出某种指示。尽我们所能告诉你,你只需要在页面上加载这个。@Cybernate-man谢谢你。我真的很感谢你的帮助。有一天我会理解的…@patrick-不用担心,我理解这是建设性的批评。我为我的问题一再不准确道歉。谢谢大家。