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

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

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

Javascript: 为<input>设置readOnly属性

今天系统需要使用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写法:

$("#id").removeAttr("readonly","true");

$("#id").attr("disabled","disabled");  //购买数量框禁止输入

去除readonly属性

$("#id").removeAttr("readonly");

去除

$("#id").removeAttr("disabled");

最新文章

  1. Gridview实现删除弹出提示信息
  2. Codeforces Round #103 (Div. 2) D. Missile Silos(spfa + 枚举边)
  3. MySQL Workbench 6 不能删除数据等问题(“Error Code: 1175”) 和入门教程
  4. 关于Android中混淆的问题
  5. canvas主要属性和方法
  6. [Attila GPU] ATTILA GPU Streamer Unit (D3D Input Assambler) 结构分析
  7. 201521123108 《Java程序设计》第6周学习总结
  8. (NO.00005)iOS实现炸弹人游戏(五):游戏数据的初始化(二)
  9. Redhat 6.3上安装OpenSSL
  10. windows安装mongodb及相关命令
  11. navicat新建用户,并赋予权限
  12. php oracle数据库NCOLB字段ORA-01704
  13. 8.4 正睿暑期集训营 Day1
  14. .NET零基础入门09:SQL必知必会
  15. python转化字符串形式的json
  16. 在jmeter的beanshell中用java获取系统当前时间
  17. thinkphp3.2 success方法和redirect方法
  18. ul li的添加 删除 复制 clone()
  19. spring boot快速入门 1 :创建项目、 三种启动项目方式
  20. 零基础小白怎么用Python做表格?

热门文章

  1. .Net Core WebAPI 基于Task的同步&amp;异步编程快速入门
  2. Google LOGO现代舞舞蹈动画
  3. css3相册图片3D旋转展示特效
  4. jquery attr()方法
  5. 更改Visual Studio 2015 默认的语言设置
  6. 如何将github上的 lib fork之后通过podfile 改变更新源到自己fork的地址
  7. Android自定义ViewGroup,实现自动换行
  8. Android 面试题及答案(2)
  9. Git 工作流程
  10. 项 目 管 理 知 识 体 系 指 南 (PMBOK2008)