1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 使用js动态控制input框的只读属性

使用js动态控制input框的只读属性

时间:2022-08-22 15:32:17

相关推荐

使用js动态控制input框的只读属性

web前端|js教程

js,动态控制,input框,只读属性

web前端-js教程

input 框的只读属性: readonly

erp源码jsp下载,vscode文件夹颜色,荣耀盒子ubuntu,定时清理tomcat日志,爬虫 隐藏ip,php开源模板,响水智能化seo优化,上报计划 网站源码,网上商场代码模板lzw

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

api接口管理系统源码,ubuntu查看启动信息,tomcat可以用作缓存服务,家庭发明爬虫视频,资源网 api.php,SEO主关键lzw

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

小程序商业源码,Ubuntu下dig命令,tomcat10好用吗,爬虫故事大全,php代码提高,长乐区有效的seo费用是多少lzw

附:

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

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

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

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

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

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

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

相关文章:

js设置input文本框只读

通过js设置所有form对象为只读

处理表单使input等文本框为只读不可编辑的方法

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。