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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
Vue性能优化的方法
Jul 30 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
Nov 11 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
浅谈PHP的反射API
2017/02/26 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
javascript getElementsByClassName实现代码
2010/10/11 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
JS调用页面表格导出excel示例代码
2014/03/18 Javascript
Javascript中对象继承的实现小例
2014/05/12 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
JavaScript ES6中CLASS的使用详解
2016/11/22 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
2017/03/14 Javascript
JS库之wow.js使用方法
2017/09/14 Javascript
AngularJS中controller控制器继承的使用方法
2017/11/03 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
微信小程序image图片加载完成监听
2019/08/31 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
2020/07/27 Javascript
Python中input和raw_input的一点区别
2014/10/21 Python
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
python数字图像处理之高级形态学处理
2018/04/27 Python
详解Python进阶之切片的误区与高级用法
2018/12/24 Python
python三大神器之fabric使用教程
2019/06/10 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
python同时遍历两个list用法说明
2020/05/02 Python
Python函数调用追踪实现代码
2020/11/27 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
Farfetch阿联酋:奢侈品牌时尚购物平台
2019/07/26 全球购物
介绍一下gcc特性
2012/01/20 面试题
护理专业本科生自荐信
2013/10/01 职场文书
问卷调查计划书
2014/01/10 职场文书
大学生实习思想汇报
2014/01/12 职场文书
社区工作者个人总结
2015/02/28 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
HTML中link标签属性的具体用法
2023/05/07 HTML / CSS