表单元素编辑状态的修改方法：启用编辑/禁用编辑

版权声明：JiahaoZhang原创文章，转载请注明出处 https://blog.csdn.net/GrootBaby/article/details/82877986

关于表单元素的编辑状态，js中可以进行随意修改其是否可编辑的状态

一．disabled属性：

　　禁用状态的修改：

　　　1. $("#id").attr("disabled",true);

　　　2. $("#id")[0].disabled="true";

　　启用状态的修改：

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

 二．readonly属性：

　　禁用状态的修改：

　　　1. $("#id").attr("readonly",true);

　　　2. $("#id")[0].readonly="true";

　　启用状态的修改：

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

disable和readonly的区别：

1. readonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，包括select,radio,checkbox,button等
2. 在表单元素使用了disabled后，我们将表单以POST或者GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去

注意：注意：注意：

• 在某个表单中为用户预填了某个唯一识别代码，不允许用户改动，但是在提交时需要传递该值，此时将属性设置为readonly
• 当用户正式提交了表单后需要等待管理员的信息验证，不允许用户再更改表单中的数据，而是只能够查看，由于disabled的作用元素范围大，所以此时应该使用disabled，但同时应该注意的是要将submit button也disabled掉，否则只要用户按了这个按钮，如果在数据库操作页面中没有做完整性检测的话，数据库中的值会被清除
• 在用户按了提交按钮后，利用javascript将提交按钮disabled掉，可防止在网络条件比较差的环境下，用户反复点击提交按钮导致数据冗余地存入数据库