请叫各路大俠,在点击radio后如何改变文本框的属性为只读,且文本框背景色变为灰色

<html>
<head>
<style>
.a {
background-color:#cccccc;
}
.b {
background-color:#ffffff;
}
</style>
<script language="javascript">
function check_()
{
if(form1.a.checked==true)
{
form1.b.disabled=true;
form1.b.className='a';
}
else
{
form1.b.disabled=false;
form1.b.className='b';
}
}
</script>
</head>
<body>
<form name="form1">
<input type="radio" name="a" onclick="check_()">
<input type="text" name="b">
</form>
</body>
</html>

解决方案 »

  1.   

    <INPUT TYPE="text" id="t"><BR>
    <INPUT TYPE="radio" id="r1" name="r">enable<INPUT TYPE="radio" id="r2" name="r">disable
    <SCRIPT LANGUAGE="JavaScript">
    function document.all.r1.onclick() {
    document.all.t.disabled = true;
    document.all.t.style.background = "#cecece";
    }
    function document.all.r2.onclick() {
    document.all.t.disabled = false;
    document.all.t.style.background = "";
    }
    </SCRIPT>
      

  2.   

    <html>
    <head>
    <style>
    .a {
    background-color:#cccccc;
    }
    .b {
    background-color:#ffffff;
    }
    </style>
    <script language="javascript">
    function check_()
    {
    if(form1.a[0].checked==true)
    {
    form1.b.disabled=true;
    form1.b.className='a';
    }
    else
    {
    form1.b.disabled=false;
    form1.b.className='b';
    }
    }
    </script>
    </head>
    <body>
    <form name="form1">
    <input type="radio" name="a" onclick="check_()">a
    <input type="radio" name="a" onclick="check_()">b<br>
    <input type="text" name="b">
    </form>
    </body>
    </html>
      

  3.   

    如果上只读只需将“disabled”改为“readonly”即可。