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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
JavaScript 对象字面量讲解
Jun 06 Javascript
Vuejs第十二篇之动态组件全面解析
Sep 09 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
ajax请求+vue.js渲染+页面加载的示例
Feb 11 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
使用angular-cli webpack创建多个包的方法
Oct 16 Javascript
react的滑动图片验证码组件的示例代码
Feb 27 Javascript
微信小程序实现侧边分类栏
Oct 21 Javascript
JavaScript实现栈结构详细过程
Dec 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
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
JS Array对象入门分析
2008/10/30 Javascript
Ruffy javascript 学习笔记
2009/11/30 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
2014/10/11 Javascript
JQuery跳出each循环的方法
2015/04/16 Javascript
jQuery弹出层插件Lightbox_me使用指南
2015/04/21 Javascript
基于JavaScript实现树形下拉框
2016/08/10 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
详解Javascript百度地图接口开发文档中的类和方法
2017/02/07 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
2017/02/12 Javascript
Angular 4依赖注入学习教程之简介(一)
2017/06/04 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
nodejs express配置自签名https服务器的方法
2018/05/22 NodeJs
Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能
2018/08/12 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
Vue中实现回车键切换焦点的方法
2020/02/19 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
理解Python中函数的参数
2015/04/27 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
pytorch方法测试详解——归一化(BatchNorm2d)
2020/01/15 Python
PyTorch中torch.tensor与torch.Tensor的区别详解
2020/05/18 Python
Python request中文乱码问题解决方案
2020/09/17 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
波兰灯具、照明和LED购物网站:Lampy.pl
2019/03/11 全球购物
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
静心口服夜广告词
2014/03/20 职场文书
地方课程教学计划
2015/01/19 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
婚育证明样本
2015/06/16 职场文书
windows系统搭建WEB服务器详细教程
2022/08/05 Servers