如何复选多个

时间:2018-03-06 20:08:55

标签: javascript php

当我检查1显示major1时,它是真的。

当我检查2显示major2时,它是真的。

当我检查1和2显示major3时,它是假的。

我该怎么做。

<script language="javascript">
    function show(id) {
        if(id == 1) {
            document.getElementById('major1').style.display='block';
            document.getElementById('major2').style.display='none';
            document.getElementById('major3').style.display='none';
        } else if(id == 2) { 
            document.getElementById('major2').style.display='block';
            document.getElementById('major1').style.display='none';
            document.getElementById('major3').style.display='none';

        } else if(id == 3) {
            document.getElementById('major3').style.display='block';
            document.getElementById('major2').style.display='none';
            document.getElementById('major1').style.display='none';
        }
   }
</script>

这是html

<div id="major1" style="display:none;"><input name="chk[]" id="Checkmajor1" class="messageCheckbox" type="checkbox" value="1">เทคโนโลยีสารสนเทศ
<input name="chk[]" id="Checkmajor2" class="messageCheckbox" type="checkbox" value="2" >วิทยาการคอมพิวเตอร์
<input name="chk[]" id="Checkmajor3" class="messageCheckbox" type="checkbox" value="3" >ระบบสารสนเทศ</div>

<div id="major2" style="display:none;">
<input name="chk[]" id="Checkmajor4" class="messageCheckbox" type="checkbox" value="4" >ท่องเที่ยว
<input name="chk[]" id="Checkmajor5" class="messageCheckbox" type="checkbox" value="5" >อังกฤษเพื่อการสื่อสารสากล</div>

<div id="major3" style="display:none;">
<input name="chk[]" id="Checkmajor1" class="messageCheckbox" type="checkbox" value="1">เทคโนโลยีสารสนเทศ
<input name="chk[]" id="Checkmajor2" class="messageCheckbox" type="checkbox" value="2" >วิทยาการคอมพิวเตอร์
<input name="chk[]" id="Checkmajor3" class="messageCheckbox" type="checkbox" value="3" >ระบบสารสนเทศ
<input name="chk[]" id="Checkmajor4" class="messageCheckbox" type="checkbox" value="4" >ท่องเที่ยว
<input name="chk[]" id="Checkmajor5" class="messageCheckbox" type="checkbox" value="5" >อังกฤษเพื่อการสื่อสารสากล</div>

1 个答案:

答案 0 :(得分:2)

您的 keywords values 0 cheapest cheap shoes budget 1 luxury shoes expensive 2 cheap hiking shoes budget | sport 3 liverpool 需要1个参数,存储在变量function show (params)

在下一步中,检查id的值是否为1 id - 没关系。

在下一步((id == 1))中,检查else if的值是否为2 id - 这也很好。

现在是您的代码示例的罪魁祸首

  • (id == 2)if之后,必须关注另一个if else,另一个if else或其他内容。您选择了else:因此您无法在那里拥有其他条件。如果else既不是1也不是2,则仅触发最后一个else语句。例如,如果传递3,它将被触发。另外你不应该id,因为它总会返回(id == 1 && id == 2)(1个变量不能同时有2个不同的值)

选项1

您从上一个false声明中删除了id == 1 && id == 2。然后它应该显示第3个元素,如果else不是1而不是2。

选项2

您将id更改为else { id == 1 && id == 2并将值3作为参数传递给此函数。

但有点依赖于你的其余代码。