javascript:一个检查取消选中所有其他框

时间:2014-07-21 11:38:34

标签: javascript

我最后有一个3复选框,没有选项复选框,我想让它像没有选中任何选项那样,然后自动取消选中其他前两个复选框。但是当没有选中时,它应该能够检查1和2框。

我尝试了以下内容:

<script type="text/javascript">
  function uncheck() {
    var allchecked=0;
    var m=document.getElementById("mat");
    var e=document.getElementById("Exam");
    var n=document.getElementById("none");
    if(n.checked) {
      m=allchecked;
      e=allchecked
    }
  }
</script>

1 个答案:

答案 0 :(得分:0)

您需要将复选框的checked属性设置为false

我为你做了this fiddle的解决方案。

HTML:

<input type="checkbox" id="mat" onclick="uncheck(this)"/>
<input type="checkbox" id="Exam" onclick="uncheck(this)"/>
<input type="checkbox" id="none" onclick="uncheck(this)"/>

使用Javascript:

function uncheck(checkbox) {
  if(checkbox.id == "none" && checkbox.checked){
    document.getElementById("mat").checked = false;
    document.getElementById("Exam").checked = false;
  }else{
    document.getElementById("none").checked = false;
  }
}