input 框的只读属性:  readonly

在页面中直接添加为只读时,可在input中直接添加   readonly="readonly",但是如果想通过点击按钮来改变的话,需要通过js(或jquery)来实现。

最近一次使用这个,终于发现了以前写这个js控制的时候为什么总是那么郁闷了,原来,js  在对于readonly、disabled等属性设置时,有一个小bug(至少我是这么认为):首先,document.getElementById("id").readonly = "true";  设置input为只读,但是,当通过document.getElementById("id").readonly="false"  来去掉只读属性时,没有作用,此时,需要把  false  外面的引号给去掉js语句才能正常工作。

附:

1. jquery  通过id属性设置与取消只读属性

设置只读:$("#id").attr("readOnly","true");

取消只读:$("#id").attr("readOnly",false);

2. jquery  批量设置与取消只读属性

/*   id为sa的div中,所有input框   */

设置只读:$("#sa input").attr("readOnly","true");

取消只读:$("#sa input").attr("readOnly",false);

js监听只读文本框_js 动态控制 input 框 的只读属性相关推荐

  1. js监听只读文本框_急急急~~~~~~js radio 文本框只读/只写

    在jquery1.7版本中验证通过,你用的是1.6.2,应该不会存在兼容性问题 必须给两个radio加id,你看看网页结构中能不能加id,不行的话,再修改那两个if的条件,换成判断数组下标是否为1和2 ...

  2. GUI 事件监听和文本框事件监听

    4.事件监听 事件监听:什么事情发生了,需要做什么? 什么事情是事件,做什么?是我们编辑的功能 事件:是鼠标事件,键盘事件等. 例如鼠标按下,要下载音乐 键盘按下哪一个按键,需要执行什么操作 publ ...

  3. maptalks常见操作——图层置顶置底、添加清空图层、添加标注、切换底图、添加缩放工具、事件监听(点击面出弹框)、右键菜单、绘制mark、锁定视角

    maptalks常见操作--图层置顶置底.添加清空图层.添加标注.切换底图.添加缩放工具.事件监听(点击面出弹框).右键菜单.绘制mark.锁定视角 1.图层置顶 置底 layer.show().br ...

  4. Vue.js 监听属性简单实例

    Vue.js 监听属性 watch,可以通过 watch 来响应数据的变化. watch:用来监听每一个属性的变化     watch这个对象里面都是函数,函数的名称是data中的属性名称,watch ...

  5. linux输入数字切换浏览器tab,js监听浏览器tab窗口切换

    js监听浏览器tab窗口切换 --IT唐伯虎 摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...

  6. js监听audio播放完毕

    js监听audio播放完毕 <!DOCTYPE html> <html> <head><meta charset="UTF-8">& ...

  7. vue 组件属性监听_Vue.js 监听属性

    # Vue.js 监听属性 本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化: ~~~ Vue 测试实例 - 菜鸟教程(runoob.com) ...

  8. 使用Node.JS监听文件夹变化

    使用Node.JS监听文件夹改变有许多应用场合,比如: 构建自动编绎工具 当源文件改变时,自动运行build过程,比如当你写CoffeeScript文件或SASS CSS文件时,保存之后可即时生成对应 ...

  9. html5中检测网络状态的方法,前端js监听浏览器网络变化

    首先,为什么要让前端判断用户的网络状态呢--为了更好的用户体验. 其次,前端能否判断网络状态?有哪些方法? 1,可以做到渐进式判断,不能做到绝对准确. 2,使用的是navigator.onLine或n ...

最新文章

  1. 专访周志华、宋继强:高端AI人才要具备哪些素质?深度学习的局限性和未来?...
  2. hive udf 分组取top1_Hive分组取Top K数据
  3. 关于进程和线程以及句柄
  4. qduoj - WHY吃糖果(二分套二分)
  5. 干货 | 双目摄像头实现手势识别,完美还原人体运动手势
  6. Java学习笔记:BlockingQueue接口
  7. python课程设计
  8. Effective C# 摘录(3) - 使用C#表达设计
  9. 1059: [ZJOI2007]矩阵游戏 - BZOJ
  10. Unity粒子特效系列-爆炸冲击波
  11. 研究生新人如何高效读论文-方法积累笔记
  12. Java学习篇之I/O篇
  13. JavaEE | 增强for循环
  14. 将禾赛激光雷达在rviz中采集的点云保存成pcd格式
  15. 数据的编码类型及数据通信的工作方式
  16. python软件是什么架构_Python应用程序的最佳项目结构是什么? [关闭]
  17. [附源码]java毕业设计网上宠物商店
  18. 外贸供应链ERP怎么选?全流程综合管理解析
  19. 大饱眼福,52个数据可视化图表鉴赏
  20. 惠普暗影精灵ubuntu双系统安装(通用方法)

热门文章

  1. android远程linux命令,测试可用的Android远程语音识别实例
  2. python画饼图程序_python使用matplotlib画饼状图
  3. php公交查询系统源代码,基于Smarty公交查询系统的设计与实现(PHP,MySQL)
  4. 【转】ABP源码分析四十六:ABP ZERO中的Ldap模块
  5. 一步步编写操作系统 77 内联汇编与ATT语法简介
  6. 解决Qt graphis-view框架中,上层图元接收hover事件导致底层图元接收不到的问题
  7. Hbase error: KeeperErrorCode = NoNode for /hbase/master错误
  8. Python 数据分析三剑客之 Matplotlib(六):直方图 / 柱状图 / 条形图的绘制
  9. 查询sql语句是否使用索引
  10. 【PAT - 甲级1034】Head of a Gang (30分)(并查集)