我有一个共同的问题,但有一个独特的转折。我有一个复选框列表。对于每个复选框,我想隐藏/显示一个或多个 div。像这样 - 如果我选中复选框 1,则会显示 div 1。如果我选中复选框 2,则会显示 div 2。如果我选中复选框 3,则会显示 div 1 和 2。这是扭曲,如果我选择复选框 1 和 3,然后取消选中 3,我希望 div 1 保持可见。代码将是这样的(只有 1 和 2 复选框有效)-
<input type="checkbox" name="1">1
<input type="checkbox" name="1">1
<input type="checkbox" name="2">2
<input type="checkbox" name="2">2
<input type="checkbox" name="???">1&2
<div id="showme1" style="display: none">Show me1</div>
<div id="showme2" style="display: none">Show me2</div>
<script type="text/javascript">
var MyCheckboxes1=$("input[name='1']");
MyCheckboxes1.change(function() {
$("#showme1").toggle(MyCheckboxes1.is(":checked"));
});
var MyCheckboxes2=$("input[name='2']");
MyCheckboxes2.change(function() {
$("#showme2").toggle(MyCheckboxes2.is(":checked"));
});
</script>