Javascript 取消选中时隐藏

我的代码有一个javascript，它允许在选中输入括号时显示下拉列表，当我松开输入括号时，它不会隐藏显示的下拉列表。很抱歉，如果这与另一篇文章相同，但它们对我不起作用

这是密码

<input type="checkbox" class="ba" name="ab" <?php if (isset($ab) && $ab=="20") echo "checked";?> value="20">20s
<br>
<input type="checkbox" class="ba" name="ab" <?php if (isset($ab) && $ab=="30") echo "checked";?> value="30">30s
<br>
<input type="checkbox" class="ba" name="ab" <?php if (isset($ab) && $ab=="40") echo "checked";?> value="40">40s                             
<br>
<input type="checkbox" class="ba" name="ab" <?php if (isset($ab) && $ab=="50") echo "checked";?> value="50">50s                             
<br>
<input type="checkbox" class="ba" name="ab" <?php if (isset($ru) && $ru=="all") echo "checked";?> value="All" onClick="toggle3(this)">All Ages
<br>
<script src="assets/js/jquery.min.js"></script>
<input type="checkbox" class="ba" name="ib" id="bracket" value="All">Input Bracket
<br>
<div id='input-bracket'>
<select  name="sab"  class="req"  id="age-range" style="width:50px; height:30px;" autocomplete="off" required/> </select> -
<select  name="sab"  class="req"  id="second" style="width:50px; height:30px;" autocomplete="off" required/> </select></div>

$(document).ready(function() {

 $("#input-bracket").hide();
 $("input[class=ba]").click(function() {
    if ($(this).attr("id") == "bracket") {
      $("#input-bracket").show();
    } else {
      $("#input-bracket").hide();
    }
  });
});

value=“30”>30s


value=“50”>50s


让jquery使用它的“切换”api来为您完成，而不是手动确定何时显示或隐藏元素


$（文档）.ready（函数（）{
$（“#输入括号”）.hide（）；
$（“#括号”）。单击（函数（）{
如果（$（“#输入括号”）为（“：可见”））{
$（“#输入括号”）.hide（）；
}否则{
$（“#输入括号”）.show（）；
}
});
});

20多岁


30岁


40多岁


50多岁


各个年龄段


输入括号


-
它为什么要隐藏它？逻辑要求在您刚才描述的场景中显示它。当我选中另一个时，它也显示输入括号：（哦，好吧，我找到了，我需要从其他复选框中删除class=“ba”，谢谢！当我选中另一个时，它也显示输入括号：(
$(document).ready(function() {

 $("#input-bracket").hide();
 $("input[class=ba]").click(function() {
    $("#input-bracket").toggle();
  });
});