同一页面内有二组checkbox,如何让每一组只选一个

没必要写代码！
a
<input name="Area" type="radio" value="a"  />
b
<input name="Area" type="radio" value="b"  />
c
<input name="Area" type="radio" value="c" />
d
<input name="Area" type="radio" value="d"  />
e
<input name="Area" type="radio" value="e"  />
f
<input name="Area" type="radio" value="f"  />
<br />
g
<input name="GoodStudents" type="radio" value="g"/>
h
<input name="GoodStudents" type="radio" value="h"/>
i
<input name="GoodStudents" type="radio" value="i"/>
j
<input name="GoodStudents" type="radio" value="j" />

解决方案 »

  1.   

    name 一样  他只会选一个  
    radio就是这个特性
      

  2.   

    老大，你的意思我理解了，用radio，但是我老大要求用checkbox
      

  3.   

    var a=document.getElementsByName("Area")
    var b=0
    for(var i=0;i<a.length;i++){
       if(a[i].checked==true){
         b=b+1;
       }
    }
    alert(b+"number is checked")
    if(b>1){
    }在每个里加的 onclick 事件，里面判断b的个数，然后设checked 为 true or  false
      

  4.   

    在input里加上onclick="test(this)"function test(obj){
     var   a=document.getElementsByName("Area")  for(var   i=0;i <a.length;i++){ 
          a[i].checked=false;
     } 
      
      if(obj.checked==true){
        obj.checked=false;
      }else{
        obj.checked=true;
      }
    }
      

  5.   

    但是我老大要求用checkbox
    -----------------------
    呵呵，那就写一个玩！注：IE6sp1，FF2下测试可用！L@_@K
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>dhtml.input.checkbox.setCheckBoxLikeRadio.html</title>
        <meta name="generator" content="editplus" />
        <meta name="author" content="Gao YiXiang" />
        <meta name="email" content="[email protected]" />
        <meta name="keywords" content="javascript dhtml dom" />
        <meta name="description" content="I love web development." />
    </head>
    <body>
    a
    <input name="Area" type="checkbox" value="a" />
    b
    <input name="Area" type="checkbox" value="b" />
    c
    <input name="Area" type="checkbox" value="c" />
    d
    <input name="Area" type="checkbox" value="d" />
    e
    <input name="Area" type="checkbox" value="e" />
    f
    <input name="Area" type="checkbox" value="f" />  
    <br />
    g
    <input name="GoodStudents" type="checkbox" value="g" />
    h
    <input name="GoodStudents" type="checkbox" value="h" />
    i
    <input name="GoodStudents" type="checkbox" value="i" />
    j
    <input name="GoodStudents" type="checkbox" value="j" />
    <script type="text/javascript">
    <!--
    function setCheckBoxLikeRadio(sListName)
    {
        var cCbx = document.getElementsByName(sListName);
        var selectedItem = null;
        for (var i=0; i<cCbx.length; i++)
        {
            cCbx[i].onclick = function()
            {
                if (this.checked)
                {
                    if (selectedItem != null)
                        selectedItem.checked = false;                selectedItem = this;
                }
                else
                {
                    selectedItem = null;
                }
            };
        }
    }
    setCheckBoxLikeRadio("Area");
    setCheckBoxLikeRadio("GoodStudents");
    //-->
    </script>
    </body>
    </html>
      

  6.   

    http://bbs.blueidea.com/thread-1256144-1-1.html
    这里有一些
    参考参考