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 相关文章推荐
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
Jan 26 Javascript
基于jQuery日历插件制作日历
Mar 11 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 Javascript
javascript中this关键字详解
Dec 12 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
微信小程序module.exports模块化操作实例浅析
Dec 20 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
Javascript生成器(Generator)的介绍与使用
Jan 31 Javascript
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 Vue.js
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
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
2006/12/06 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
PHP云打印类完整示例
2016/10/15 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
繁简字转换功能
2006/07/19 Javascript
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
jQuery动态设置form表单的enctype值(实现代码)
2013/07/04 Javascript
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
2015/11/18 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
JavaScript数组去重的两种方法推荐
2016/04/05 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
2016/09/05 Javascript
JavaScript每天必学之数组和对象部分
2016/09/17 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
vue地区选择组件教程详解
2018/05/04 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
Python中的 is 和 == 以及字符串驻留机制详解
2019/06/28 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
python IP地址转整数
2020/11/20 Python
英国高街电视:High Street TV
2018/05/22 全球购物
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
考试没考好检讨书
2014/01/31 职场文书
不打扫卫生检讨书
2014/02/12 职场文书
餐厅采购员岗位职责
2014/03/06 职场文书
求职自我推荐信
2014/06/25 职场文书
会计岗位职责范本
2015/04/02 职场文书
国家助学金受助感言
2015/08/01 职场文书
关于maven依赖 ${xxx.version}报错问题
2022/01/18 Java/Android