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 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
javascript的函数
Jan 31 Javascript
使Ext的Template可以解析二层的json数据的方法
Dec 22 Javascript
IE8 原生JSON支持
Apr 13 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
vue实现简易的双向数据绑定
Dec 29 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
PHP新手上路(十四)
2006/10/09 PHP
解决php接收shell返回的结果中文乱码问题
2014/01/23 PHP
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
php批量删除操作代码分享
2017/02/26 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
给moz-firefox下添加IE方法和属性
2007/04/10 Javascript
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
JS location几个方法小姐
2008/07/09 Javascript
表单元素与非表单元素刷新区别详细解析
2013/11/06 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
微信小程序 页面跳转传递值几种方法详解
2017/01/12 Javascript
javascript操作cookie
2017/01/17 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
2017/07/11 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
学习JS中的DOM节点以及操作
2018/04/30 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
2020/05/23 Javascript
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
Python获取当前时间的方法
2014/01/14 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
布局和排版教程 纯css3实现图片三角形排列
2014/10/17 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
介绍JAVA 中的Collection FrameWork(及如何写自己的数据结构)
2014/10/31 面试题
竟聘演讲稿范文
2013/12/31 职场文书
党的群众路线教育实践活动心得体会900字
2014/03/07 职场文书
授权委托书范本
2014/04/03 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
中秋节寄语2015
2015/03/24 职场文书
告知书格式
2015/07/01 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript
nginx访问报403错误的几种情况详解
2022/07/23 Servers