请问页面上有一个复选框和文本框，想让复选框选中的时候文本框可见，否则不可见。该如何实现？

<html><body><form method="POST" action="--WEBBOT-SELF--">
 <p>
  <input type="checkbox" name="C1" value="ON" onclick="if(this.checked){text.style.visibility='hidden'}else{text.style.visibility='visible'}">
  <input type="text" name="text" size="20"></p>
</form></body></html>

解决方案 »

  1.   

    sorry 反了try this:<html><body><form method="POST" action="--WEBBOT-SELF--">
     <p>
      <input type="checkbox" name="C1" value="ON" onclick="if(this.checked){text.style.visibility='visible'}else{text.style.visibility='hidden'}">
      <input type="text" name="text" size="20"  style="visibility: hidden"></p>
    </form></body></html>
      

  2.   

    <INPUT TYPE="checkbox" NAME="" OnClick="javascript:document.all.text.style.display=document.all.text.style.display=='none'?'':'none';">
    <INPUT TYPE="text" NAME="text" style="display:none;">