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 EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
Jquery 动态生成表格示例代码
Dec 24 Javascript
用Jquery实现滚动新闻
Feb 12 Javascript
Jquery注册事件实现方法
May 18 Javascript
聊一聊JavaScript作用域和作用域链
May 03 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
Vue基本使用之对象提供的属性功能
Apr 30 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
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
PHP 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
Symfony核心类概述
2016/03/17 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
JS 显示当前日期与时间的代码
2010/03/24 Javascript
jQuery.extend 函数详解
2012/02/03 Javascript
js 使用form表单select类实现级联菜单效果
2012/12/19 Javascript
基于jquery实现点击左右按钮图片横向滚动
2013/04/11 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
Javascript 字符串模板的简单实现
2016/02/13 Javascript
详解vue-router导航守卫
2019/01/19 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
jQuery提示框插件SweetAlert用法分析
2019/08/05 jQuery
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
Python修改MP3文件的方法
2015/06/15 Python
python逆序打印各位数字的方法
2018/06/25 Python
Python实现K折交叉验证法的方法步骤
2019/07/11 Python
Python实现i人事自动打卡的示例代码
2020/01/09 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
优秀员工自荐信范文
2013/10/05 职场文书
临床医学应届生求职信
2013/11/06 职场文书
司法助理专业自荐书
2014/06/13 职场文书
迎七一演讲稿
2014/09/12 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
2014年女职工工作总结
2014/11/27 职场文书
公证书格式
2015/01/23 职场文书
收银员岗位职责
2015/02/03 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS
详解JAVA中的OPTIONAL
2021/06/14 Java/Android