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


Posted in Javascript onJune 24, 2016

本文实例讲述了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 相关文章推荐
JavaScript的document对象和window对象详解
Dec 30 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
基于javascript实现tab选项卡切换特效调试笔记
Mar 30 Javascript
jquery制做精致的倒计时特效
Jun 13 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
利用angular自动编译andriod APK的绕坑经历分享
Mar 08 Javascript
详解微信小程序之一键复制到剪切板
Apr 24 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
Aug 07 Javascript
webpack是如何实现模块化加载的方法
Nov 06 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 #Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
Jun 24 #Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 #Javascript
jQuery模仿单选按钮选中效果
Jun 24 #Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 #Javascript
jQuery如何获取动态添加的元素
Jun 24 #Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
Jun 24 #Javascript
You might like
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
PHP生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
HTML DOM的nodeType值介绍
2011/03/31 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
推荐一款jQuery插件模板
2015/01/09 Javascript
微信小程序 页面跳转传递值几种方法详解
2017/01/12 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
vue template中slot-scope/scope的使用方法
2018/09/06 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
2019/07/25 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
原生JS实现烟花效果
2020/03/10 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
详解vue3.0 的 Composition API 的一种使用方法
2020/10/26 Javascript
Python3.6简单反射操作示例
2018/06/14 Python
flask session组件的使用示例
2018/12/25 Python
详解python中index()、find()方法
2019/08/29 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
python asyncio 协程库的使用
2021/01/21 Python
可以使用抽象函数重写基类中的虚函数吗
2013/06/02 面试题
node中使用shell脚本的方法步骤
2021/03/23 Javascript
财务支持类个人的自我评价
2014/02/14 职场文书
党的群众路线教育实践方案
2014/05/11 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
思想品德课教学反思
2016/02/24 职场文书
公司会议开幕词
2016/03/03 职场文书
Python 如何解决稀疏矩阵运算
2021/05/26 Python
分析并发编程之LongAdder原理
2021/06/29 Java/Android