jquery取<input>的readOnly属性,O要大写

原创 2012年03月21日 11:21:54

今天在jquery中取input的readonly属性时,发现

我这样写$(“#input”).readonly取这个属性时,总是undefined,后来一想,难道html中的属性only没有大写,是不是javascript需要将O大写,

修改之后$(“#input”).readOnly,就能取到值,下面是后来我又搜到的一篇文章。

Javascript: 为<input>设置readOnly属性

http://blog.sina.com.cn/s/blog_6a20127f0100n6k1.html


今天系统需要使用javascript 动态设置textbox的readonly , 


搞了半天一直没有搞定 最后发现 readonly 属性应该是 readOnly=true .

javascript 的大小写要注意


今天在开发中准备通过javascript设置input框只读属性的时候,用document.getElementByIdx_x('input').readonly='readonly';结果发现这样设置无效.

于是试着disable的属性,用同样的方法设置是有效的.document.getElementByIdx_x('input').disabled=disabled;于是感觉很奇怪.因为在dreamweaver中输入框这两个属性都是这样设置的.而且readonly只要存在于input框就有效,后来忽然发现,当然输入readonly时用代码提示自动完成后的结果是readonly="readonly" ,而disabled却是disabled="disabled".

接着就想会不会是这个问题,后来就用复选框一样的方法设置只读属性就可以了.如:
document.getElementByIdx_x('input').readOnly= true;(注意中间那个O是大写的,不然就无效了)

input只读属性有两种方式可以实现input的只读效果:disabled 和 readonly。
自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。
Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。
Readonly仅仅是无法编辑,不影响其值的传递。
Disabled使用:<INPUT type=”text” name=”username”value=”james”disabled>
Readonly使用:<INPUT type=”text” name=”partNumber”value=”1500″ readonly>



<input id="RaOne" type="radio" value="1" name="exce">
<input type=button value="Disabled"onclick="RaOneonClick()">
<script>
function RaOneonClick(){
if(RaOne.disabled)
RaOne.disabled=false;
else
RaOne.disabled=true;
}
</script>


版权声明:本文为博主原创文章,未经博主允许不得转载。

jquery中diplay,disabeld,readonly

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下:  1.readonly     $('input').attr("readonly","r...
  • nuptsv_ice
  • nuptsv_ice
  • 2014年04月23日 15:43
  • 2159

jquery取<input>的readOnly属性,O要大写(动态设置readonly属性无效)

今天在jquery中取input的readonly属性时,发现 我这样写$(“#input”).readonly取这个属性时,总是undefined,后来一想,难道html中的属性only没有大...
  • wanglei880526
  • wanglei880526
  • 2014年10月24日 18:14
  • 2985

jQuery设置元素的readonly和disabled属性

jQuery的api中提供了对元素应用disabled和readonly属性的方法,如下: 1.readonly    $('input').attr("readonly","re...
  • whq19890827
  • whq19890827
  • 2016年05月28日 22:35
  • 5796

【jQuery】用jQuery给文本框添加只读属性【readOnly】

jQuery( $("#id").attr("readonly":"readonly");    //添加readonly属性 $("#id").removeAttr("readonly");    ...
  • Me_zhen
  • Me_zhen
  • 2011年07月27日 14:13
  • 68195

Jquery操作readOnly属性

function changeReadOnlyType() { if(true) { ("#input").attr("readonly",true);//设置为...
  • wow4464
  • wow4464
  • 2015年05月13日 09:56
  • 548

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

$('input[name=username]').attr("readonly","readonly")//将input元素设置为readonly $('input[name=username]'...
  • hugaozhuang
  • hugaozhuang
  • 2013年11月19日 09:01
  • 13557

jquery设置元素的readonly和disabled

希望技术一点一点进步
  • zhang523730519
  • zhang523730519
  • 2016年10月31日 14:00
  • 242

jquery取<input>的readOnly属性,O要大写

今天在jquery中取input的readonly属性时,发现 我这样写$(“#input”).readonly取这个属性时,总是undefined,后来一想,难道html中的属性only没有大写,...
  • shiqidide
  • shiqidide
  • 2012年03月21日 11:21
  • 12039

jquery将text文本框设置为只读

jsp代码 jquery代码 $("#c_price").attr("readonly",true);
  • csdndemimang
  • csdndemimang
  • 2018年01月17日 16:21
  • 33

input标签的readonly属性和disabled属性的区别

原文地址:http://www.cnblogs.com/zcy_soft/archive/2011/09/19/2181211.html html input readonly 和 di...
  • sdfujichao
  • sdfujichao
  • 2016年08月03日 11:16
  • 1528
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery取<input>的readOnly属性,O要大写
举报原因:
原因补充:

(最多只允许输入30个字)