如何让以下FORM里的复选按钮a选中时,b也自动被选中;a取消选择时,b也自动取消选择。
<form name="myform" id="test">
<input type="checkbox" name="a"> a
<input type="checkbox" name="b"> b
</form>

解决方案 »

  1.   

    <form name="myform" id="test">
    <input type="checkbox" name="a"> a
    <input type="checkbox" name="b"> b
    </form>
    <script>
    var obj = document.getElementsByName('a')[0];
    var b = document.getElementsByName('b')[0];
    obj.onclick = function(){
    b.checked = this.checked ? true : false;
    }
    </script>
      

  2.   

    如果我之前已经用了以下函数判断OBJ是否选中了,那以上的代码要怎么嵌入比较好呢?
    function showsubmenu(obj,id,cid){
    if(obj.checked==true){
      $("."+id).show();
     }
    }else{
      $("."+id).hide();
    }
    }
    其中obj是复选按钮a,cid是复选按钮b
      

  3.   

    <input type="checkbox" name="ysid"  class="y1" onClick='showsubmenu(this,"a1","b1")'>
      

  4.   

    http://jsfiddle.net/63thr/93/
    在这里写上你的代码然后ctrl+s把地址发过来
      

  5.   

    那个我不懂用啊,我把代码贴出来。以下代码就欠这个问题了<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script>
    function showsubmenu(obj,id,cid){
    if(obj.checked==true){
      $("."+id).show();
    }
    else{
      $("."+id).hide();
    }
    }
    </script>
    <form name="myform" id="test">
     <input type="checkbox" name="a" onClick='showsubmenu(this,"ys1","b")'> a<br>
    <div id="ys1" class="ys1" style="display:none;"> <input type="checkbox" name="b"> b</div>
    </form>
      

  6.   

    <script>
    function showsubmenu(obj,id,cid){
    if(obj.checked==true){
      $("."+id).show();
      $(':checkbox[name='+cid+']').attr('checked', true);
    }
    else{
      $("."+id).hide();
      $(':checkbox[name='+cid+']').attr('checked', false);
    }
    }
    </script>