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 相关文章推荐
五段实用的js高级技巧
Dec 20 Javascript
JS打开新窗口的2种方式
Apr 18 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
js模拟实现烟花特效
Mar 10 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 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
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
PHP+MYSQL开发工具及资源收藏
2007/01/02 PHP
php将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
面向对象的编程思想在javascript中的运用上部
2009/11/20 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
zepto.js中tap事件阻止冒泡的实现方法
2015/02/12 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
Ajax基础知识详解
2017/02/17 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
vue 中的keep-alive实例代码
2018/07/20 Javascript
详解基于electron制作一个node压缩图片的桌面应用
2019/01/29 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
Python爬虫之正则表达式的使用教程详解
2018/10/25 Python
python使用magic模块进行文件类型识别方法
2018/12/08 Python
Python脚本按照当前日期创建多级目录
2019/03/01 Python
python使用pip安装模块出现ReadTimeoutError: HTTPSConnectionPool的解决方法
2019/10/04 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
Anaconda配置pytorch-gpu虚拟环境的图文教程
2020/04/16 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
餐厅楼面部长岗位职责范文
2014/02/16 职场文书
物资采购方案
2014/06/12 职场文书
应届大专生自荐书
2014/06/16 职场文书
政风行风整改方案
2014/10/25 职场文书
nginx基于域名,端口,不同IP的虚拟主机设置的实现
2021/03/31 Servers
vue postcss-px2rem 自适应布局
2022/05/15 Vue.js