input 框的只读属性：  readonly
在页面中直接添加为只读时，可在input中直接添加   readonly=readonly，但是如果想通过点击按钮来改变的话，需要通过js（或jquery）来实现。
最近一次使用这个，终于发现了以前写这个js控制的时候为什么总是那么郁闷了，原来，js  在对于readonly、disabled等属性设置时，有一个小bug（至少我是这么认为）：首先，document.getelementbyid(id).readonly = true;  设置input为只读，但是，当通过document.getelementbyid(id).readonly=false  来去掉只读属性时，没有作用，此时，需要把  false  外面的引号给去掉js语句才能正常工作。
附：
1. jquery  通过id属性设置与取消只读属性
设置只读：$(#id).attr(readonly,true);
取消只读：$(#id).attr(readonly,false);
2. jquery  批量设置与取消只读属性
/*   id为sa的p中，所有input框   */
设置只读：$(#sa input).attr(readonly,true);
取消只读：$(#sa input).attr(readonly,false);
相关文章：
js设置input文本框只读
通过js设置所有form对象为只读
处理表单使input等文本框为只读不可编辑的方法
以上就是使用js动态控制input框的只读属性的详细内容。