js控制input只读操作,jQuery控制input只读操作
1、js为<input>设置readOnly属性
<textarea name="content" id="content" cols="27" rows="6"></textarea>
var cObj = document.getElementById("content");
cObj.setAttribute("readOnly",'true');
2、js移除<input>readOnly属性
var cObj = document.getElementById("content");
cObj.removeAttribute("readOnly");
注意:一定要注意readOnly大小写!!!
----------------------------------------------------------------------------
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控制input只读操作,jQuery控制input只读操作相关推荐
- jquery给input标签复制_jquery如何给input赋值
展开全部 例: $('.input1').val('value567'); // 给input赋值value567 jquery给input赋值,val() 方法返回或636f707962616964 ...
- JavaWeb开发 前端语言:jQuery(二)属性操作、DOM的增删改、CSS样式操作、动画、事件操作
JavaWeb开发 前端语言:jQuery(二) 1.jQuery的属性操作 2.jQuery练习:使用jQuery完成全选.全不选.反选和提交功能 3.DOM的增删改 3.1 DOM的增操作 3.1 ...
- chosen.jquery.js 、chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值 ,chosen 实现远程搜索加载下拉选项
chosen.jquery.js .chosen-select 源码修改控制 chosen:updated 方法动态更新下拉框选项不更新搜索框值,chosen 实现远程搜索加载下拉选项 chosen. ...
- 你真的完全掌握了 Input 组件的键盘控制么? ——百度智能小程序 Input 组件原理剖析与键盘行为说明
在百度智能小程序的很多开发场景中,我们都会使用到 Input 输入框组件.而在操作输入框的过程中,正确处理键盘的弹出和收起行为也是十分重要的一环.键盘行为不仅需要完美符合业务场景,同时也和用户体验息息 ...
- Unity Window触摸屏电脑和移动端Input触控,控制相机旋转缩放
Unity Window触摸屏电脑和移动端Input触控,控制相机旋转缩放 原理就是获取手指滑动的偏移量,来计算 代码帖出来 using UnityEngine; using System; usin ...
- 帮助你在移动设备上生成倾斜控制(重力控制)的旋转效果jQuery插件 - lenticular.js...
为什么80%的码农都做不了架构师?>>> 日期:2012-9-27 来源:GBin1.com 在线演示 相 信大家如果使用过iphone/ipad的话,肯定对于倾斜控制(重力 ...
- OpenHarmony HDF Input框架模块 按键控制LED基于小熊派micro
文章目录 摘要 开发环境 KEY驱动程序 KeyConfigInstance: RegisterKeyDevice 中断处理函数 KeyIrqHandle RegisterInputDevice:注册 ...
- js jquery给input标签赋值、取值
js jquery给input标签赋值.取值 html代码 赋值 取值 html代码 <input type="text" id="name"/> ...
- js原生、jquery获取input为text的输入框(单个/多个) 并清空value(bootstrap 输入框)
一.用bootstrap框架写了一个简单的表单,html结构和效果图如下: <form> <div class="form-row mb-2"><d ...
最新文章
- linux 替换文件中某个字符串_word中如何删除包含某个特定字符串的整个段落?...
- (LeetCode 21)Merge Two Sorted Lists
- 微服务~分布式事务里的最终一致性
- 几万条数据的excel导入到mysql_【记录】2万多条数据的Excel表格数据导入mysql数据库...
- win10卓越性能模式,提升电脑性能
- 服务器端系统饼图,服务器 操作系统 饼图
- Java中单例模式—饿汉式和懒汉式
- opencv imshow plt imshow
- (一)Protobuf的Java使用
- css画钟表_CSS绘制时钟
- eclipse工具性能优化方法
- 怎么调整tabcontrol的tabpage标签的宽度
- HTML中img路径问题
- Hive执行报错CannotObtainBlockLengthException: Cannot obtain block length for LocatedBlock
- 记一次NGINX配置问题
- JAVA——文件操作(全)
- srv.exe蠕虫病毒~
- AI智能生图技术的未来趋势
- TCmalloc (google开源项目核心部分模拟实现)
- iOS删除模拟器版本
热门文章
- shell脚本——expect的综合使用(包含应用案例)
- java24周年_获奖公布|Java 24周年特别策划——谈谈我与Java的那些年、这些事
- USG600全局选路策略使用限制和注意事项
- python一元一次方程求根简单_一元一次方程定义及求根方法
- AS5600 桂林银行桌面虚拟化里的黑科技
- 换一个灯泡需要多少程序员?
- 再出发!蓝代斯克更名Ivanti 主攻三大业务版块
- 【HCIA-cloud】【6】服务器虚拟化之虚拟机和模板:虚拟机和模板说明、虚拟机的Tools说明、虚拟机的创建内容说明、虚拟机的关键操作说明
- 【教你搭建服务器系列】(2)搭建服务器环境,安装JDK、MySQL、Redis、Tomcat、Nginx
- java 文件上传漏洞_文件上传漏洞(File Upload)