复选框与下拉框的交互

晚上,QQ上的一位福建的网友问偶如何实现这样的效果:
一个复选框,一个下拉框,当复选框打上勾时下拉框变成可下拉状态,去掉勾时变成灰色不可下拉(即Disabled掉).偶想了一下,很简单,几行代码便可实现,测试代码如下:

<SCRIPT LANGUAGE="JavaScript">
<!--
function Test()
{
 if (!form1.a.checked) // If the checkbox 'a' is not checked then disable 'b'
 {
  form1.b.disabled = true;
 }
 else
 {
  form1.b.disabled = false;
 }
}
//-->
</SCRIPT>
<form name=form1>
<INPUT TYPE="checkbox" NAME="a" onclick="Test();" checked>学段
<SELECT NAME="b">
<option>初中</option>
<option>小学</option>
<option>高中</option>
<option>大学</option>
</SELECT>
</form>