js去除 html 中 input 的readOnly（只读）属性

最新推荐文章于 2025-05-28 18:14:26 发布
最新推荐文章于 2025-05-28 18:14:26 发布
阅读量2.2w 收藏 4
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 前端相关 文章标签： js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39338424/article/details/86686767
本文介绍如何使用JavaScript来动态地设置或取消HTML输入框的readOnly属性，通过修改document.getElementById('input1').readOnly的值为true或false实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js去除 html 中 input 的readOnly属性：
document.getElementById(“input1”).readOnly=true
或者 false

使用jQuery移除输入框的只读属性
2301_79330511的博客
09-24 201
在编程中，有时我们需要通过JavaScript来操作页面上的元素。在Web开发中，jQuery是一个非常流行的JavaScript库，它简化了对HTML文档的操作。本文将介绍如何使用jQuery来移除输入框的只读属性。现在，当我们在浏览器中打开这个HTML文件，并点击"移除只读属性"按钮时，输入框的只读属性将被移除，我们就可以在输入框中编辑文本了。要移除输入框的只读属性，我们需要使用jQuery选择器选中目标输入框元素，并使用。标签中，我们创建了一个只读的输入框和一个按钮。方法来移除输入框的只读属性。
使用jQuery去除只读属性
CodeVorter的博客
09-27 96
方法，我们可以轻松地移除指定元素的只读属性，以便用户可以进行编辑。在这种情况下，我们传递"readonly"作为参数，告诉jQuery去除输入框的只读属性。首先，让我们创建一个简单的HTML表单，其中包含一个只读的输入框和一个按钮。当用户点击按钮时，我们将使用jQuery去除输入框的只读属性。当您点击"去除只读属性"按钮时，输入框将变为可编辑状态。当用户点击按钮时，jQuery会找到具有id为"myInput"的元素，并移除它的只读属性。在本文中，我们学习了如何使用jQuery去除表单元素的只读属性。
【基于python实现UI自动化】3.4 JS 处理日历控件（删除 readonly 属性）
枫的等待
02-10 4146
python-UI自动化1.0 selenium工具介绍2.0 selenium环境搭建3.0 selenium常见8大元素定位3.1 selenium通过By定位元素3.2 selenium通过JS定位元素3.3 JS处理浏览器滚动条3.4 JS 处理日历控件（修改 `readonly` 属性）参考代码结尾 1.0 selenium工具介绍 1.0 selenium工具介绍 2.0 selenium环境搭建 2.0 selenium环境搭建 3.0 selenium常见8大元素定位 3.0 seleniu
删除readonly属性
weixin_51997580的博客
04-28 638
测试中常常碰到文本框不能操作的情况，如时间选择框，文件上传框，搜索输入框等。但是我们自动化时又需要对其进行操作，改怎么办呢？那就想办法去掉标签中readonly属性，然后再进行操作即可。比如选择框不能编辑，只能从下拉的选项中选择某个值。2、通过JS脚本实现：arguments[0]类似占位符的角色。删除属性之后，元素就可以编辑了，再按着常规思路正常进行输入/上传等操作即可。self.normal_input_text(self.belong_organization,text='技术中心')
表单中选择框禁止选择，但是要可以进行表单数据提交
最新发布
dygw210829的博客
05-28 263
【代码】表单中选择框禁止选择，但是要可以进行表单数据提交。
移除readonly时间js
y51120的博客
12-24 773
js = 'document.getElementById("dealTimeS").removeAttribute("readonly");'# 原生js，移除属性 print('原生js，移除属性') my_logger.info('原生js，移除属性') driver.execute_script(js) jsValue = 'document.getElementById("dealTimeS").value="{}"'.format(datetime) print('写入新时间') driver.
已知元素的xpath路径，运用js去除元素只读属性
yuyuxiaochou的博客
09-18 986
已知元素的xpath路径，运用js去除元素只读属性 操作目标 如图，省市区输入框，元素没有id， classname是多个且重复的，无法精准定位。通过xpath定位出来后，需要去掉只读属性。 但是找不到通过xpath定位元素的方法 难点 常用方法中没有通过xpath获取元素的方法 解决方案 效果 可以直接在输入框中编辑内容了 代码示例： ...
readOnly属性的去除
ljw_jiawei的博客
07-17 6525
在html中,把readOnly的值改成"false"也是不行的,只要有值就生效 解决办法是: 用js去除整个readOnly属性 if (this.sheAmt > 0){ document.getElementById('txt').setAttribute('readOnly','true') ...
js修改input的type属性及浏览器兼容问题探讨与解决
01-19
但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。在ff下仍是可读写属性。今天遇到个问题，输入框有默认值“密码”，但获得焦点时，“密码”两字会去掉，输入时直接变成”****“的...
Selenium中怎样解决输入框带有readonly属性或存在日历框问题
qq_39423351的博客
01-28 7586
Selenium中怎样解决输入框带有readonly属性或存在日历框问题 在学习Selenium WebDriver API时，我们通常会遇到带有readonly属性的输入框或日历框（如下图），这时我们不能直接对这些类型的输入框模拟按键输入我们想要的数据。 带有readonly属性的输入框 日历框 解决方案1 常规思维 可以多定位几次元素，点击元素，但是这样比较繁琐，在某些情况下不能用，...
Selenium如何运行Js代码来修改只读（readonly属性）元素的值来给12306日期传值(send_keys)
寸草心的博客
03-04 1696
现状：目前前端Web页面很多都用到了前端框架，如EasyUI、React、jQuery等等，在这样的大前提下，我们在定位元素时经常会遇到各种困难，如元素只读、元素不可见等等，这篇文章我们重点讲一下只读元素的处理。 一、 我们先来举个栗子 只读元素的展示(12306日期选择)： 只读元素展示 HTML源码如下： <div class="form-bd"> <div class=...
JavaScript删除元素属性
文龙刚的博客
02-15 762
【代码】JavaScript删除元素属性。
JS/JQuery 设置input等标签设置和取消只读属性
weixin_30267785的博客
12-06 826
<input type="text" id="HouseName" value="" align="left"/> <script> 　　//js方式:js对大小写敏感 　　 document.getElementById("HouseName").readOnly = true;　　//设置只读 //readOnly 大小写敏感 　　documen...
Js只读（readOnly）和禁用（disabled）
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-16 5742
只读和禁用属性，其实只要掌握一种，就会第二种，两种方法一样，就是属性变了一下！
去掉只读属性
weixin_33816300的博客
05-02 576
如果不能去掉只读属性的话，可以在开始运行中输入cmd 然后再输入 attrib -r 1.txt，这样就可以把 1.txt的这个文件的只读属性给去掉了，你把1.txt 换成你的那个文件名就可以了；如果不在当前目录下的话，可以先用cmd 命令进到这个目录下或者直接在那个文件名的前面把路径给加上就可以了 转载于:https://blog.51cto.com/hj...
17-通过JS代码处理日历控件（去掉readonly属性）
学习&记录
05-30 835
日历控件是web页面上很常见的一个功能，有些输入框是可以直接输入日期的，有些是不能的。以智行火车票网站为例，详细讲解如何解决日历控件有readonly属性的问题。基本思路：先通过JS代码去掉readonly属性，然后直接输入日期文本内容。
js控制input只读操作,jQuery控制input只读操作
10-30 8353
1、js为&lt;input&gt;设置readOnly属性         &lt;textarea name="content" id="content" cols="27" rows="6"&gt;&lt;/textarea&gt;         var cObj = document.getElementById("content");  
js实现input框添加移除属性
热门推荐
icecoola_的博客
06-06 1万+
js代码 添加移除属性 $(".readOnlyAttr").attr("readOnly",true"); $(".readOnlyAttr").removeAttr("readOnly"); disabled属性 $('.tt').addClass('disabled');
input 标签取消readOnly属性
weixin_30304375的博客
10-22 4865
driver.find_element_by_id('idname').clear() driver.execute_script('document.getElementById("idname").removeAttribute("readOnly");') 转载于:https://www.cnblogs.com/chxtdbk/p/9828981.html
python selenium 用js删除 readonly属性
上海 彭彭
07-09 5587
当我们想在输入框 是日期类型，并send_keys 的时候发现不能输入，要么你搞日历这个很麻烦， 还有一个方法用js，非常简单 selenium+python操作js页面，删除某个元素 例子如下：删除元素D下面 readonly属性 d=driver.find_element_by_xpath("//*[@id='divform']/div[2]/ul[2]/li[3]/span[2]/input...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值