Question

用js怎么控制文本域的只读/可写

我想让用户选中匿名注册的时候username和userpwd都不可编辑，并且呈现灰色，取消选中文本框后又重新可编辑username和userpwd，请问用js怎么实现？

<input id="username" name="userneme" type="text" style="width:50px" size=106>
密码:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px">
一步注册
<input name="content" type="checkbox")" value="checkbox" />
匿名发表(免注册)
不好意思，上面那段代码有点问题，是这样
用户名
<input id="username" name="userneme" type="text" style="width:50px" size=106>
密码:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px">

<input name="content" type="checkbox")" value="checkbox" />
匿名发表(免注册)

Answer 1

<input id="username" name="userneme" type="text" style="width:50px" size=106>
密码:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px">

<input name="content" type="checkbox")" value="checkbox" onclick="changeCheck()"/>
匿名发表(免注册)
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeCheck()
{
var aa=document.getElementById("username");
var bb=document.getElementById("userpwd");
var cc=document.getElementById("content");
if(cc.checked){
aa.readonly=true;
bb.readonly=true;
aa.disabled = true;
bb.disabled = true;
}
else
{
aa.readonly=false;
bb.readonly=false;
aa.disabled = false;
bb.disabled = false;
}
}
//-->
</SCRIPT>
注意在上面只读和不可用一般不可以用了就不用只读了，可以适当选取
//////////////////////////
最后纠正楼上的老兄，在HTML的CHECKBOX控件中是没有ONCHANGE事件，只有RADIO才有，CHECKBOX只有ONCLICK事件

Answer 2

<input name="content" id="bb" type="checkbox" value="checkbox" onchange="changeHandler()" />

<SCRIPT LANGUAGE="JavaScript">
<!--
function changeHandler(){
if(bb.checked){
username.disabled = true;
userpwd.disabled = true;
}else{
username.disabled = false;
userpwd.disabled = false;
}
}
//-->
</SCRIPT>

Answer 3

已经测试成功,打开时用户可以输入,无须点击,点击匿名选项后则不可以输入且呈现灰色,代码如下:
用户名
<input id="username" name="userneme" type="text" style="width:50px" size=106>
密码:<input id="userpwd" type="text" name="userpwd" size=106 style="width:50px">

<input name="content" id="bc" type="radio" value="checkbox" onchange="changeHandler()" />
用户专用

<input name="content" id="bb" type="radio" value="checkbox" onchange="changeHandler()" />
匿名发表(免注册)

<SCRIPT LANGUAGE="JavaScript">
<!--
function changeHandler(){
if(bb.checked){
username.disabled = true;
userpwd.disabled = true;
}else{
username.disabled = false;
userpwd.disabled = false;
}
}
//-->
</SCRIPT>