jQuery动态增加/删除元素的readonly属性

最新推荐文章于 2023-05-16 18:55:24 发布
最新推荐文章于 2023-05-16 18:55:24 发布
阅读量1.3w 收藏 3
点赞数 10
文章标签： jquery js readonly
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/channyfish/article/details/86134023
版权

使用attr方法设置或返回被选元素的属性值

$(selector).attr(attribute,value)

attribute：属性的名称
value：属性的值

$("#input").attr("readonly","readonly")

// 将元素动态添加上readonly属性

$("#input").removeAttr("readonly")

//动态删除元素的input属性

这里写一个我刚开始犯的错，为元素动态添加readonly属性时写成了这样：
$("#input").attr(“readonly”)
这样其实是没有任何效果的

一勺陈不满
关注
jquery设置复选框为只读_设置checkbox为只读(readOnly)的两种方式
weixin_39807859的博客
01-14 1764
设置checkbox为只读(readOnly)的两种方式方式一：checkbox没有readOnly属性，如果使用disabled=“disabled”属性的话，会让checkbox变成灰色的，用户很反感这种样式可以这样让它保持只读：设置它的onclick="return false"js里就是 checkbox.onclick=function(){return false;};方式二：复制代码...
jQuery.样式.DOM操作.属性
m0_61937147的博客
10-03 328
jQuery 简称："JQ" jQuery是一个快速、简洁的[JavaScript](https://baike.baidu.com/item/JavaScript/321142)框架(库，是继[Prototype](https://baike.baidu.com/item/Prototype/14335188)之后又一个优秀的JavaScript代码库（框架）于2006年1月由[John Resig](https://baike.baidu.com/i...
JQuery 只读(readOnly)和禁用(disabled)
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-16 3565
只读和禁用属性，其实只要掌握一种，就会第二种，两种方法一样，就是属性变了一下！
如何用jquery动态改变输入框的readonly属性
hugaozhuang的专栏
11-19 2万+
$('input[name=username]').attr("readonly","readonly")//将input元素设置为readonly $('input[name=username]').removeAttr("readonly");//去除input元素的readonly属性
$(“#ssqy“).attr({“readonly“:“readonly“})；不生效
weixin_39611547的博客
06-14 291
$(“#ssqy”).attr({“readonly”:“readonly”});不生效 如图：如果符合条件，将下拉组件设置为只读。（但是此方法不生效）换一种写法，用vue的动态赋值方式可以解决。
jquery取<input>的readOnly属性，O要大写
云枫的专栏
03-21 1万+
今天在jquery中取input的readonly属性时，发现 我这样写$(“#input”).readonly取这个属性时，总是undefined，后来一想，难道html中的属性only没有大写，是不是javascript需要将O大写， 修改之后$(“#input”).readOnly，就能取到值，下面是后来我又搜到的一篇文章。 Javascript: 为设置readOnly属性 h
Vuejs：使用v-bind绑定元素的只读属性
零小唬的博客
01-10 728
Vuejs：使用v-bind绑定元素的只读属性
Selenium如何运行Js代码来修改只读（readonly属性）元素的值来给12306日期传值(send_keys)
寸草心的博客
03-04 1628
现状：目前前端Web页面很多都用到了前端框架，如EasyUI、React、jQuery等等，在这样的大前提下，我们在定位元素时经常会遇到各种困难，如元素只读、元素不可见等等，这篇文章我们重点讲一下只读元素的处理。 一、 我们先来举个栗子 只读元素的展示(12306日期选择)： 只读元素展示 HTML源码如下： &lt;div class="form-bd"&gt; &lt;div class=...
第五课 元素属性与效果1
08-03
1. 获取或设置元素属性值：通过jQuery中的`.attr()`方法，可以获取或修改元素的任意属性。例如`$(".dataTitle").attr("title")`用来获取具有"dataTitle"类的元素的"title"属性值，`$("imageWrap").attr("src","./img...
input标签动态设置只读属性及其兼容性
蒲厷渶と戀的博客
01-16 8823
项目中，经常会用到input标签，有时候还会用到input标签的只读属性“readOnly”。但是，input标签的只读属性“readOnly”具有一定的局限性，它只支持谷歌浏览器，不支持火狐浏览器和IE8浏览器。如果要求考虑兼容性，让input标签的只读属性同时支持谷歌、火狐和IE，那么我们可以采用input标签的另外一个属性：disabled。动态设置只读属性的具体方法如下： HTML代码：
动态设置input设置只读属性
qq_41353397的博客
01-16 1845
<input type="text" name="text" id="idtext" class="form-control" /> $('#idtext').prop('readonly',true);
jquery 设置readonly 和 隐藏元素
NeverCaMore的博客
09-21 1191
今天由于需求需要修改前端的东西，尝试的很多百度东西，发现大都是没什么效果。       自己查看W3C官网资料，进行运用，效果可行！      $(selector)： 代表【选择器】    一、readonly 属性设置         1、设置readonly属性 :                      $(selector).attr("readonly", "r
jQuery和HTML对某个标签设置只读（readonly）或者禁用（disabled）属性
上善若泪
09-06 6万+
目录 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 1.2 jquery 设置disabled属性 1.3 jquery动态添加文本框的readonly只读属性 2 HTML中只读和禁用 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//
MT管理器修改、添加、删除system分区里面的文件提示Read-only file system
Uranus9的博客
03-13 1万+
Read-only file system错误
jquery设置元素的readonly和disabled（只读）
樱花的博客
09-30 1万+
jquery设置元素的readonly和disabled 1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性 对于为元素设置readonly属性和取消readonly属
学习如何使用javascript/jquery设置select只读不可用的属性值
徊忆羽菲
12-16 3319
学习如何使用javascript/jquery设置select只读不可用的属性值js控制select不可用## jquery控制select不可用js控制select可用## jquery控制select可用 js控制select不可用 <select name="qipa250" id="qipa250"> <option value="1">奇葩</option> <option value="2">奇葩天地网</op
html动态增加删除元素的readonly属性
weixin_43417378的博客
01-08 627
html动态增加删除元素的readonly属性 div: id=" "中的id里面的属性必须是不一致的，否则的话只对第一个起作用。 <div class="form-group"> <label class="control-label ">测试：</label> <div class="mt5"> <textarea id="i
js 动态控制 input 框 的只读属性
热门推荐
katherine的专栏
09-09 7万+
input 框的只读属性：  readonly 在页面中直接tianjia
jquery设置表单元素只读_JQuery控制input的readonly和disabled属性
最新发布
05-26
可以使用 jQuery 的 `prop()` 方法来设置表单元素的 `readonly` 和 `disabled` 属性。 例如，要将一个输入框设置为只读，可以使用以下代码： ```javascript $("#input-id").prop("readonly", true); ``` 同样地，要将一个输入框设置为禁用，可以使用以下代码： ```javascript $("#input-id").prop("disabled", true); ``` 需要注意的是，`readonly` 属性表示输入框只读，用户可以复制内容但无法修改；而 `disabled` 属性表示输入框被禁用，用户无法复制、修改或提交其中的内容。两者的效果略有不同，需要根据具体情况进行选择。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值