JS控制文本域只读或可写属性的方法

239 阅读 0 评论 158 点赞

我是靠谱客的博主虚心玫瑰，最近开发中收集的这篇文章主要介绍JS控制文本域只读或可写属性的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本文实例讲述了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" 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事件

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。