js 实现 input 框 是否只读属性

input 框只读属性： readonly

在页面中直接添加为只读时，可在input中直接添加 readonly=“readonly”，

但是如果想通过点击按钮或其他改变值来修改是否只读的属性，需要通过

js（或jquery）来实现。

js 在对于readonly、disabled等属性设置时，有一个小问题：首先，

document.getElementById(“id”).readonly = “true”; 设置input为只读，

但是，当通过document.getElementById(“id”).readonly=“false” 来

去掉只读属性时，没有作用，此时，需要把 false 外面的引号

给去掉js语句才能正常工作。

jquery 通过id属性设置与取消只读属性

设置只读：$("#userId").attr(“readOnly”,“true”);

取消只读：$("#userId").attr(“readOnly”,false);

jquery 批量设置与取消只读属性

/* id为sa的div中，所有input框 */

设置只读：$("#sa input").attr(“readOnly”,“true”);

取消只读：$("#sa input").attr(“readOnly”,false);