用js怎么控制文本域的只读/可写
我想让用户选中匿名注册的时候username和userpwd都不可编辑,并且呈现灰色,取消选中文本框后又重新可编辑username和userpwd,请问用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" />
匿名发表(免注册) 展开
<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" />
匿名发表(免注册) 展开
展开全部
<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事件
密码:<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事件
展开全部
<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>
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeHandler(){
if(bb.checked){
username.disabled = true;
userpwd.disabled = true;
}else{
username.disabled = false;
userpwd.disabled = false;
}
}
//-->
</SCRIPT>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
已经测试成功,打开时用户可以输入,无须点击,点击匿名选项后则不可以输入且呈现灰色,代码如下:
用户名
<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>
用户名
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询