根据复选框值进行判断

表单如下：
<table>
<tr>
<td>1
<td>2
<td>3
<td>4
<td>5
<td>6
<tr>
<td><input type=checkbox name=a1[] value=1>
<td><input type=checkbox name=a1[] value=2>
<td><input type=checkbox name=a1[] value=3>
<td><input type=checkbox name=a1[] value=4>
<td><input type=checkbox name=a1[] value=5>
<td><input type=checkbox name=a1[] value=6><tr>
<td><input type=checkbox name=a2[] value=1>
<td><input type=checkbox name=a2[] value=2>
<td><input type=checkbox name=a2[] value=3>
<td><input type=checkbox name=a2[] value=4>
<td><input type=checkbox name=a2[] value=5>
<td><input type=checkbox name=a2[] value=6>
....
要求当复选框选1时，2，3，4，5，6为不可选状态
只有选2时，才能选3，4，5，6

解决方案 »

  1.   

    获取到input对象 添加点击事件
      

  2.   

    网上找了段代码，基本功能能实现，但复选的内容较多且是动态的，请帮忙改下代码
    <script type="text/javascript">
    function ziji(){
        var obj=document.getElementsByName("a1[]");
        if (obj[0].type=="checkbox" && obj[0].checked) {
            obj[1].disabled=true;
            obj[2].disabled=true;
            obj[3].disabled=true;
            obj[4].disabled=true;
            obj[5].disabled=true;
        }
        else {
         obj[1].disabled=false;
            obj[2].disabled=false;
            obj[3].disabled=false;
            obj[4].disabled=false;
            obj[5].disabled=false;
        }
        if (obj[1].type=="checkbox" && obj[1].checked) {
         obj[0].disabled=true;
        }
        else {
         obj[0].disabled=false;
        }
        
    }
    </script>
    <INPUT type=checkbox name=a1[] value="1" onClick="ziji()">
    <INPUT type=checkbox name=a1[] value="2" onClick="ziji()">
    <INPUT type=checkbox name=a1[] value="3">
    <INPUT type=checkbox name=a1[] value="4">
    <INPUT type=checkbox name=a1[] value="5">
    <INPUT type=checkbox name=a1[] value="6"><INPUT type=checkbox name=a2[] value="1" onClick="ziji()">
    <INPUT type=checkbox name=a2[] value="2" onClick="ziji()">
    <INPUT type=checkbox name=a2[] value="3">
    <INPUT type=checkbox name=a2[] value="4">
    <INPUT type=checkbox name=a2[] value="5">
    <INPUT type=checkbox name=a2[] value="6">
    ...
    <INPUT type=checkbox name=a30[] value="1" onClick="ziji()">
    <INPUT type=checkbox name=a30[] value="2" onClick="ziji()">
    <INPUT type=checkbox name=a30[] value="3">
    <INPUT type=checkbox name=a30[] value="4">
    <INPUT type=checkbox name=a30[] value="5">
    <INPUT type=checkbox name=a30[] value="6">
      

  3.   

    改了下代码和函数，基本要求是选择满意时，对评议部门什么工作不满意中的复选框状态改变为只读
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <script language="javascript">
    <!--function isnot(elem) {//取得单选按钮的相关属性
    var val=elem.value;//取得单选按钮的值
    var nam=elem.name;//取得单选按钮的name属性
    var ide=elem.id;//取得单选按钮的ID属性
            //alert(ide);        obj=document.getElementsByName(ide);
    //这句请改下
             //如选择ID为b1的单选，作用name为b1的复选框
    if (val==1){
    for(var i=0;i<obj.length;i++) {
    obj[i].disabled=true;
    }
    }
    else {
    for(var i=0;i<obj.length;i++) {
    obj[i].disabled=false;
    }
    }
    }//-->
    </script></head><body>
    <form name="form1" method="post" action="">
       <table width="600" border="0" cellspacing="0" cellpadding="0">
        <tr align="center">
          <td rowspan="2">部门名称</td>
          <td colspan="2">综合评价</td>
          <td colspan="3">对评议部门什么工作不满意</td>
        </tr>
        <tr>
          <td align="center">满意</td>
          <td align="center">不满意</td>
          <td align="center">办事效率</td>
          <td align="center">服务态度</td>
          <td align="center">办事公正</td>
        </tr>
        <tr>
          <td>部门A</td>
          <td align="center"><input type="radio" name="a1" id=b1 value="1" onClick="isnot(this)"></td>
          <td align="center"><input type="radio" name="a1" id=b1 value="2" onClick="isnot(this)"></td>
          <td align="center"><input type="checkbox" name="b1[]" value="3"></td>
          <td align="center"><input type="checkbox" name="b1[]" value="4"></td>
          <td align="center"><input type="checkbox" name="b1[]" value="5"></td>
        </tr>
        <tr>
          <td>部门b</td>
          <td align="center"><input type="radio" name="a2" id=b2 value="1" onClick="isnot(this)"></td>
          <td align="center"><input type="radio" name="a2" id=b2 value="2" onClick="isnot(this)"></td>
          <td align="center"><input type="checkbox" name="b2[]" value="3"></td>
          <td align="center"><input type="checkbox" name="b2[]" value="4"></td>
          <td align="center"><input type="checkbox" name="b2[]" value="5"></td>
        </tr>

    <tr>
          <td>部门c</td>
          <td align="center"><input type="radio" name="a3" id=b3 value="1" onClick="isnot(this)"></td>
          <td align="center"><input type="radio" name="a3" id=b3 value="2" onClick="isnot(this)"></td>
          <td align="center"><input type="checkbox" name="b3[]" value="3"></td>
          <td align="center"><input type="checkbox" name="b3[]" value="4"></td>
          <td align="center"><input type="checkbox" name="b3[]" value="5"></td>
        </tr>
      </table></form>
    </body>
    </html>
      

  4.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <script language="javascript">
    <!--    function isnot(elem) {//取得单选按钮的相关属性
            var val = elem.value; //取得单选按钮的值
            var inputs = elem.parentNode.parentNode.getElementsByTagName('input');
            for (var i = 2; i < inputs.length; i++) inputs[i].disabled = elem.value == '1';
        }//-->
    </script></head><body>
    <form name="form1" method="post" action="">
      <table width="600" border="0" cellspacing="0" cellpadding="0">
      <tr align="center">
      <td rowspan="2">部门名称</td>
      <td colspan="2">综合评价</td>
      <td colspan="3">对评议部门什么工作不满意</td>
      </tr>
      <tr>
      <td align="center">满意</td>
      <td align="center">不满意</td>
      <td align="center">办事效率</td>
      <td align="center">服务态度</td>
      <td align="center">办事公正</td>
      </tr>
      <tr>
      <td>部门A</td>
      <td align="center"><input type="radio" name="a1" id=b1 value="1" onclick="isnot(this)"></td>
      <td align="center"><input type="radio" name="a1" id=b1 value="2" onclick="isnot(this)"></td>
      <td align="center"><input type="checkbox" name="b1[]" value="3"></td>
      <td align="center"><input type="checkbox" name="b1[]" value="4"></td>
      <td align="center"><input type="checkbox" name="b1[]" value="5"></td>
      </tr>
      <tr>
      <td>部门b</td>
      <td align="center"><input type="radio" name="a2" id=b2 value="1" onclick="isnot(this)"></td>
      <td align="center"><input type="radio" name="a2" id=b2 value="2" onclick="isnot(this)"></td>
      <td align="center"><input type="checkbox" name="b2[]" value="3"></td>
      <td align="center"><input type="checkbox" name="b2[]" value="4"></td>
      <td align="center"><input type="checkbox" name="b2[]" value="5"></td>
      </tr><tr>
      <td>部门c</td>
      <td align="center"><input type="radio" name="a3" id=b3 value="1" onclick="isnot(this)"></td>
      <td align="center"><input type="radio" name="a3" id=b3 value="2" onclick="isnot(this)"></td>
      <td align="center"><input type="checkbox" name="b3[]" value="3"></td>
      <td align="center"><input type="checkbox" name="b3[]" value="4"></td>
      <td align="center"><input type="checkbox" name="b3[]" value="5"></td>
      </tr>
      </table></form>
    </body>
    </html>