选中复选框，可以控制相关复选框变为不可选
非常棒的一个JS复选框控制代码,经常在网站上看到的，在很大一堆的选择框面前，如果你选择的其中一个复选框，那么和它相反的选项就会变为灰色，成为不可选
<script>
function f1(chk){
var t = document.getElementById("txt1"); t.disabled = !chk.checked;
}
</script>
<input type=checkbox onclick="f1(this)">
<input type=text id="txt1" disabled="disabled">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>选中复选框，相关类变灰</title>
<script language="JavaScript">
<!--
function selectKind(the){
var obj = the;
var container = document.getElementById("kind_" + obj.name);
for(var i=0;i<container.getElementsByTagName("input").length;i++)
{
container.getElementsByTagName("input")[i].disabled = obj.checked;
}
}
//-->
</script>
</head>
<body>
<input type='checkbox' value="2" name=aa onclick="selectKind(this)">我从事游戏编程
<div id="kind_aa">
<input type='checkbox' value="php" name=aa>PHP
<input type='checkbox' value="asp.net" name=aa>ASP.NET
<input type='checkbox' value="java" name=aa>JAVA
</div>
<input type='checkbox' value="1" name=bb onclick="selectKind(this)">平时不上网
<div id="kind_bb">
<input type='checkbox' value="baidu.com" name=bb>baidu.com
<input type='checkbox' value="163.com" name=bb>163.com
<input type='checkbox' value="codefans.net" name=bb>codefans.net
</div>
</body>
</html>