如何用jquery动态改变输入框的readonly属性

最新推荐文章于 2023-05-16 18:55:24 发布
最新推荐文章于 2023-05-16 18:55:24 发布
阅读量2.8w 收藏 6
点赞数 1
分类专栏： EasyUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hugaozhuang/article/details/16817831
版权
$('input[name=username]').attr("readonly","readonly")//将input元素设置为readonly
$('input[name=username]').removeAttr("readonly");//去除input元素的readonly属性
晴空万里2942
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
17-通过JS代码处理日历控件（去掉readonly属性）
学习&记录
05-30 431
日历控件是web页面上很常见的一个功能，有些输入框是可以直接输入日期的，有些是不能的。以智行火车票网站为例，详细讲解如何解决日历控件有readonly属性的问题。基本思路：先通过JS代码去掉readonly属性，然后直接输入日期文本内容。
动态改变样式，如，readOnly, display
小樓東風的专栏
10-21 3976
 1.    readOnly =true/ false ， 是html中的感念。切记在脚本中readOnly的O一定要大写 ，恢复只用把该属性设置为 false。  display， CSS中的display的默认值是"inline"。style="display:"";" // 正常显示对象，与未加display一样。// 增加HTML属性。"   document.g
如何用jquery动态改变 input 输入框的readonly属性及CSS样式
weixin_34296641的博客
05-30 5290
2019独角兽企业重金招聘Python工程师标准>>> ...
前端jquery监听input框的实时变化
for__future_的博客
06-01 2231
前端jquery监听input框的实时变化
用js一次改变多个input的readonly属性值的方法
12-11
代码如下: [removed] function doclick1(){ var txtN = document.getElementsByTagName(“input”); for(i=0;i<txtN if(txtN[i].type=”text”){ txtN[i].readOnly=false; type=”text” id=”contactus1″> <input type=”text” id=”contactus2″ readonly> <input type=”text” id=”contact
jquery批量设置属性readonly和disabled的方法
12-10
在 jQuery 中，我们可以使用 `.attr()` 方法来设置或移除 `readonly` 属性。 - **设置 readonly**： ```javascript $('input').attr('readonly', 'readonly'); // 使用字符串方式 $('input').attr('readonly', ...
jquery设置元素的readonly和disabled的写法
12-09
总结一下，jQuery 提供了灵活的方式来处理 `input` 元素的 `readonly` 和 `disabled` 属性，允许开发者根据业务场景动态改变这些状态。在实际开发中，确保理解这些属性的区别及其对用户体验的影响至关重要。
基于jquery数字加减输入框
12-09
1.本插件基于jquery基础封装的轻量级插件，使用时只需导入num-alignment.js即可； 2.插件设置默认值：{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1}； 3.可以自定义设置类型 ——》 通过设置 num-...
设置disabled属性后台读不到数据如何让select支持readonly
09-28
在处理`readonly`属性时，需要注意的是，`readonly`属性主要用于文本输入框`<input type="text">`，它使得用户不能编辑文本，但仍然可以选择和复制文本。然而，对于`<select>`、`<input type="checkbox">`和`...
基于jquery的轻量级jquery数字加减输入框 支持ie8
12-09
1.本插件基于jquery基础封装的轻量级插件，使用时只需导入num-alignment.js即可； 2.插件设置默认值：{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1}； 3.可以自定义设置类型 ——》 通过设置 num-alignment....
JQuery 只读(readOnly)和禁用(disabled)
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-16 3185
只读和禁用属性，其实只要掌握一种，就会第二种，两种方法一样，就是属性变了一下！
jQuery动态增加/删除元素的readonly属性
一勺陈不满
01-09 1万+
使用attr方法设置或返回被选元素的属性值 $(selector).attr(attribute,value) attribute：属性的名称 value：属性的值 $("#input").attr("readonly","readonly") // 将元素动态添加上readonly属性 $("#input").removeAttr("readonly") //动态删除元素的input属性 ...
Ext中动态改变控件的readOnly属性
天青色等烟雨 而我在等你
04-24 513
Ext 控件的readOnly属性是可以在控件初始化过程中配置的， 但是如果希望在运行时动态更改其readOnly属性怎么办， 例如 textField 控件，Ext2.x 的 API 上 它的方法有setDisabled ( Boolean disabled  ) : void方法，可以动态更改控件的disabled属性，却没有类似setReadOnly() 方法，我们可以这么做来运行...
jQuery设置元素的readonly和disabled属性
飞越蓝天的专栏
05-28 2万+
jQuery的api中提供了对元素应用disabled和readonly属性的方法,如下： 1.readonly    $('input').attr("readonly","readonly")//将input元素设置为readonly 　　      $('input').removeAttr("readonly");//去除input元素的readonly属性 　　  
jQuery和HTML的禁用（disable）和只读（readOnly）属性
m0_62014694的博客
01-04 1088
jQuery和HTML的禁用（disable）和只读（readOnly）属性
jquery取<input>的readOnly属性，O要大写
云枫的专栏
03-21 1万+
今天在jquery中取input的readonly属性时，发现 我这样写$(“#input”).readonly取这个属性时，总是undefined，后来一想，难道html中的属性only没有大写，是不是javascript需要将O大写， 修改之后$(“#input”).readOnly，就能取到值，下面是后来我又搜到的一篇文章。 Javascript: 为设置readOnly属性 h
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");//
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` 属性表示输入框被禁用，用户无法复制、修改或提交其中的内容。两者的效果略有不同，需要根据具体情况进行选择。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值