checkbox多选框不用name 用id的联动事件

来源：09-27

这段代码是这样的，要录入表单，有个多选的表单(所有的项都是相同的name，所有这个代码里不能用js来控制name)，这个多选的表单里面分好几个类，每个类有大类和子类，想达到的目的就是选择大类了之后，才能选这个类下面的子类，如果没有选大类，子类是不能选的。那么只能通过checkbox的id来控制checkbox的是否可以勾选的属性。可视一个页面里ID是唯一的，不能多个，所以就要把子类的id组成一个数组，然后再逐个控制。

代码如下

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<input type="checkbox" name="checkbox" value="checkbox" id="a" onClick="check(a,'a1,a2,a3,a4,a5,a6');"/>a

    <input type="checkbox" name="checkbox" value="checkbox" disabled="disabled"   id="a1"/>a1
<input type="checkbox" name="checkbox" value="checkbox" disabled="disabled"   id="a2"/>a2
   <input type="checkbox" name="checkbox" value="checkbox" disabled="disabled" id="a3"/>a3
    <input type="checkbox" name="checkbox" value="checkbox" disabled="disabled"   id="a4"/>a4
     <input type="checkbox" name="checkbox" value="checkbox" disabled="disabled"   id="a5"/>a5
   <input type="checkbox" name="checkbox" value="checkbox" disabled="disabled" id="a6"/>a6

</p>

<p>

<input type="checkbox" name="checkbox " value="checkbox" id="b" onClick="check(b,'b1,b2,b3,b4,b5,b6');"/>b

    <input type="checkbox" name="checkbox" value="checkbox" id="b1" disabled="disabled" />b1
<input type="checkbox" name="checkbox" value="checkbox" id="b2" disabled="disabled" />b2
   <input type="checkbox" name="checkbox" value="checkbox" id="b3" disabled="disabled" />b3
    <input type="checkbox" name="checkbox" value="checkbox" id="b4" disabled="disabled" />b4
     <input type="checkbox" name="checkbox" value="checkbox" id="b5" disabled="disabled" />b5
   <input type="checkbox" name="checkbox" value="checkbox" id="b6" disabled="disabled" />b6

</p>

<p>

<input type="checkbox" name="checkbox" value="checkbox" id="c" onClick="check(c,'c1,c2,c4,c5,c6,c3');"/>c

    <input type="checkbox" name="checkbox" value="checkbox" id="c1" disabled="disabled" />c1
<input type="checkbox" name="checkbox" value="checkbox" id="c2" disabled="disabled" />c2
   <input type="checkbox" name="checkbox" value="checkbox" id="c3" disabled="disabled" />c3
    <input type="checkbox" name="checkbox" value="checkbox" id="c4" disabled="disabled" />c4
     <input type="checkbox" name="checkbox" value="checkbox" id="c5" disabled="disabled" />c5
   <input type="checkbox" name="checkbox" value="checkbox" id="c6"   disabled="disabled" />c6

</p>
</form>

}else{
for (var i=0;i<sonarr.length;i++)
  {
  var son = document.getElementById(sonarr[i]);
   son.disabled=true;
  }
}
}
</script>
</body>
</html>

checkbox多选框不用name 用id的联动事件

相关阅读