当选中复选框时，如何让其它表单失效？

写个click事件，
1，全部的复选有效性反向。
2，点击的复选有效。
参考：
   function click(chkId) {
    var objArr = {documnet.getElementById("a"),documnet.getElementById("a"),documnet.getElementById("b"),
documnet.getElementById("c"),documnet.getElementById("d"),documnet.getElementById("f")};
    var i;
    for (i =0; i < objArr.length; i++) {
        if (objArr[i].enabled) {
            objArr[i].enabled = false;
        } else {
            objArr[i].enabled = true;
        }
    }
    documnet.getElementById(chkId).enabled = true;
}

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <script type='text/javascript'>
    window.onload=function(){
    attachClick(document.getElementsByTagName("input"));
    };function attachClick(obj){
    for(var i=0;i<obj.length;i++){
    if(obj[i].type=="checkbox"){
    obj[i].onclick=addClick;
    }
    }}function addClick(){
    var obj=document.getElementsByTagName("input");
    for(var i=0;i<obj.length;i++){
    if(this.id!=obj[i].id){
    obj[i].disabled=(!obj[i].disabled)?true:false;
    } else {
    obj[i].disabled=false;
    }
    }}
      </script>
      <style>  </style>
    </head>
    <body>
    <INPUT id=a name=aa type=checkbox value=1 /> <br> 
    <INPUT id=b name=bb type=checkbox value=1 /> <br> 
    <INPUT id=c name=cc type=checkbox value=1 /> <br> 
    <INPUT id=d name=dd type=checkbox value=1 /> <br> 
    <INPUT id=f name=ff type=checkbox value=1 /> <br>
    </body>
    </html>