用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" 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事件
温馨提示:内容为网友见解,仅供参考
第1个回答  2008-08-07
<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>
第2个回答  2008-08-08
已经测试成功,打开时用户可以输入,无须点击,点击匿名选项后则不可以输入且呈现灰色,代码如下:
用户名
<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>

js正则限制文本框不能输入汉字,字母,数字等操作
首先,假设我们想要确保输入的IP地址只包含数字。可以编写如下的正则表达式:javascript const ipRegex = \/^\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}$\/;这个正则表达式会检查输入字符串是否符合IP地址格式,即四个由点分隔的1到3位数字。如果用户输入的内容不符合这个规则,我们可以将其清空。...

文本域的如何限制文本域textarea的字数
通常的做法就是使用JavaScript脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符):window.onload = function(){document.getElementById('txta1').onkeydown = function()...

如何在JS里面控制页面的只读
html的只读模式只能针对文本框,密码框,文本域 有readonly 和disable2个属性 第一个是只读,第二个是让这些控件在页面上灰调,被灰调的控件的值在后台是取不到的

js 如何控制文本域输入内容在一定间隔时间段才触发事件查询相关数据...
可以用onpropertychange, 这个函数是输入框每键一键就触发,可以在里面判断一下 输入的位数,或规定值,,再提交后台查询。。

js控制文本显示
if(value==1){ Msg="这事1的相应信息 " \/\/相应信息 可以 将你的那些 HTML 放进去 } if(value==2){ Msg="这是2的相应信息" } if(value==3){ Msg="这是3的相应信息" } document.all.infoMsg.innerHTML=Msg; \/\/给SPAN 赋值 } ...

textarea设置只读显示无法调整
3、接着在下方的script标签中写入js代码,先分别获取textarea和按钮的dom对象,然后给按钮添加一个点击事件,当点击之后设置textarea的disabled的属性为disabled。4、最后,打开浏览器,您可以看到一段文本区域和一个按钮。单击该按钮时,文本区域将变为灰色且不可写状态。

js 限制文本域:一个订单系统,手机号码那里限制一定要输入11位数字,请问...
n.value)) { \/\/ 检测值input的值是否由数字组合并要11位 如果不是则提示 alert('只允许数字并要11位');n.select(); \/\/ 选中输入框内容 } } <!-- 失去焦点时开始检测 调用chk函数 -->

javascript实现可编辑样式的文本
myEditer.document.designMode = 'on'; 这样你就可以在这个iframe区域里写字了。2,选中要添加样式的文字。通常我们用WORD编辑一段文字的样式时,一般是先打字,再编辑样式。所以你需要一个选中要处理文本的方法。JS的selection.createRange()可以选中文本,返回一个对象,你可以通过访问该对象的text属性得...

如何在网业中的单行文本域只能输入数字啊?
可以用JS控制 用这个函数 isNaN 判断输入的值是不是数字 function is_num(num){ if(isNaN(num)){ alert('不是数字');document.getElementById('age').value='0';} } 没测试 应该可以

请问如何用js实现根据某个控件的值控制另一个控件是否可写
"AG40"); if(p1=="无"){ curLGP.setCellValue("AG40", null, ""); curLGP.displayTDCell($("#AG40-0"), ""); }AG40:文本控件,事件编辑-编辑前: var curLGP= contentPane.curLGP;var p1=curLGP.getCellValue("AG39"); var p2=curLGP.getCellValue("AG40"); if(p1=="...

相似回答