Jquery如果选中所有复选框，则显示（）。。。else隐藏（）

我有3个复选框和2个div。我想能够显示一个div时，所有3个复选框已勾选，并显示其他div时，任何其他组合的复选框被勾选（即不是所有3）。 如果有人能给我一些建议，我将不胜感激。提前谢谢

<input id="1" type="checkbox" />
<input id="2" type="checkbox" />
<input id="3" type="checkbox" />

<div id="checked1">Title</div>

<div id="checked2" style="display:none;"><span style="color:green;">Title</span></div>


$(document).ready(function() {

$(('input#1')&&('input#2')&&('input#3')).change(
    function() {
        if ($(this).is(':checked')) {
             $("#checked2").show();
             $("#checked1").hide();

        } else {
              $("#checked1").show();
             $("#checked2").hide();
            }
    });
});

标题
标题
$（文档）.ready（函数（）{
$（'input#1'）&&（'input#2'）&&（'input#3'）。更改(
函数（）{
如果（$（this）.is（':checked'））{
$（“#checked2”）.show（）；
$（“#选中1”）.hide（）；
}否则{
$（“#checked1”）.show（）；
$（“#选中2”）.hide（）；
}
});
});

---

类似的情况？

您不能让ID开始，也不能只有号码。试试这个

<input id="chk1" type="checkbox" />
    <input id="chk2" type="checkbox" />
    <input id="chk3" type="checkbox" />





var chkBoxes = $('#chk1,#chk2,#chk3');

      chkBoxes .change(function(){

      if (chkBoxes.filter(':checked').length == chkBoxes.length){
        $('#checked2').show();
        $('#checked1').hide();
      }else{
        $('#checked2').hide();
        $('#checked1').show();
      }
    });

var chkBoxes=$（“#chk1，#chk2，#chk3”）；
chkBoxes.change（函数（）{
if（chkBoxes.filter（':checked'）.length==chkBoxes.length）{
$（'#checked2'）.show（）；
$（'#checked1'）.hide（）；
}否则{
$（'#checked2'）.hide（）；
$（'#checked1'）.show（）；
}
});

此代码有效吗？它能做你想做的吗？@Christian Mann-如果有人发布一个问题，这意味着他们需要一个答案，如果它有效，他为什么会发布他所拥有的？我会使用

input[type=“checkbox”]

作为选择器，但除此之外：这正是我所想的：）+1@FelixKling当前位置我对此进行了辩论，但是不知道是否有一个明确的复选框列表，或者页面上是否有其他复选框应该保持豁免@布拉德克里斯蒂：哇，这是一个快速的反应，虽然我使用了非常类似的ShankarSangoli回答，但它现在起作用了。bradchristie：我想如果我想在同一页上的另外3个复选框中再次使用它，它会起作用。@bradchristie：我想如果我想在同一页上的另外3个复选框中再次使用它，它会起作用。我可以创建一个diff var secondsetchkBoxes=$（“#chk4，#chk5，#chk6”）<代码>复选框不是有效的选择器。也许您正在寻找

[type=“checkbox”]

？

<input id="chk1" type="checkbox" />
    <input id="chk2" type="checkbox" />
    <input id="chk3" type="checkbox" />





var chkBoxes = $('#chk1,#chk2,#chk3');

      chkBoxes .change(function(){

      if (chkBoxes.filter(':checked').length == chkBoxes.length){
        $('#checked2').show();
        $('#checked1').hide();
      }else{
        $('#checked2').hide();
        $('#checked1').show();
      }
    });

$(':input[type="checkbox"]').change(function() {

    var checked = true; // assume checked

    $(':input[type="checkbox"]').each(function() {
        if (!this.checked) {
            checked = false; // set false if any are unchecked, exit loop
            return false;
        }
    });

    if (checked) {
        $('#checked2').show();
        $('#checked1').hide();
    } else {
        $('#checked1').show();
        $('#checked2').hide();
    }
});