创建一个复选框和一个选择框，当选中复选框时，显示选择框，不选中时，隐藏选择框，怎么实现?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<INPUT TYPE="checkbox" NAME="cbx1" id="cb1" onclick="div1.style.visibility='visible'">
<div id="div1" style="visibility:hidden">
<SELECT NAME="aa"></SELECT>
<option value="1">aa</option>
</div>
</BODY>
</HTML>

解决方案 »

  1.   

    上面的有问题。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function checkthis()
    {
    if (cbx1.checked == true)
    { div1.style.visibility='visible';
    }
    else
    {
    div1.style.visibility='hidden';
    }
    }//-->
    </SCRIPT>
    </HEAD><BODY>
    <INPUT TYPE="checkbox" NAME="cbx1" id="cb1" onclick="checkthis()">
    <div id="div1" style="visibility:hidden">
    <SELECT NAME="aa">
    <option value="1">aa</option>
    </SELECT>
    </div>
    </BODY>
    </HTML>