在鼠标单击复选框时,如何使文本显示和不显示?

Question

<script language="javascript">
function ok()
{if(document.form1.chk1.checked)
document.form1.txt.disabled=false;
else
document.form1.txt.disabled=true;
}
</script>
<form name="form1">
<input type="checkbox" name="chk1" onClick="ok();">
<input type="text" name="txt" value="abcd" disabled>
</form>

Answer 1

<script language="javascript">
function ok()
{if(document.form1.chk1.checked)
document.getElementById("txt").className="";
else
document.getElementById("txt").className="style1";
}
</script>
<style type="text/css">
<!--
.style1 {color: #666666}
-->
</style><form name="form1">
<input type="checkbox" name="chk1" onClick="ok();">
<span id="txt" class="style1">fabcadafsdf</span>
</form>