如何用JAVASCRIPT编写checkbox选中事件,控制输入框能不能录入内容呀?

<!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 func(){
alert("111")
var a=document.getElementById("checkbox1")
if(a.checked==true){
alert('222')
document.getElementsByName("account")[0].disabled=false
}else{
alert('333')
document.getElementsByName("account")[0].disabled=true
}}</SCRIPT>
</HEAD><BODY>
<input type='checkbox' name='checkbox1' id="checkbox1" value='7' onclick="func()">
<input name='account' value='' size='6'>
</BODY>
</HTML>

解决方案 »

  1.   

    楼主是想控制input的readonly属性吧，而不是想控制disabled属性，我也有此问题！不知怎么控制readonly属性，期待答案。
      

  2.   

    document.getElementsByName("account")[0].readOnly=false
      

  3.   

    <!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 func(){
    alert("111")
    var a=document.getElementById("checkbox1")
    if(a.checked==true){
    alert('222')
    document.getElementsByName("account")[0].readOnly=false
    }else{
    alert('333')
    document.getElementsByName("account")[0].readOnly=true
    }}</SCRIPT>
    </HEAD><BODY>
    <input type='checkbox' name='checkbox1' id="checkbox1" value='7' onclick="func()">
    <input name='account' value='' size='6'>
    </BODY>
    </HTML>
    可以的呀
      

  4.   

    readOnly是无法控制的，特别的办法就是在上面加一个透明的DIV挡住，这样看起来就无法编辑了
      

  5.   

    Using radio instead of checkbox will be easier.
      

  6.   

    TO:  mingxuan3000(铭轩)
    您的方法是可以实现的，只是有一点不明白，为什么会是readOnly呢？直接在标签里面写的属性是不区分大小写的，为什么在JS里面要区分呢？
      

  7.   

    addprice.cname.readOnly = false;
    addprice.cname.value = "";以上代码在我的页面中完全可行，我的IE是6.0，看是不是与IE版本有关系。