站長資訊網(wǎng)
去掉方法：1、用“$(selector).removeAttr("readonly")”語句刪除readonly屬性；2、用“$(selector).attr("readonly",false)”將readonly屬性的值設(shè)置為false。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
只讀屬性
只讀屬性是指readonly屬性，用于規(guī)定輸入字段為只讀。
只讀字段是不能修改的。不過，用戶仍然可以使用 tab 鍵切換到該字段，還可以選中或拷貝其文本。
readonly 屬性可以防止用戶對(duì)值進(jìn)行修改，直到滿足某些條件為止（比如選中了一個(gè)復(fù)選框）。然后，需要使用 JavaScript 消除 readonly 值，將輸入字段切換到可編輯狀態(tài)。
readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。
jquery怎么去掉只讀屬性
方法1：使用removeAttr()
removeAttr() 方法用于從被選元素中移除屬性。語法格式
$(selector).removeAttr(attribute)
只需要將該方法的參數(shù)attribute設(shè)置為“readonly”即可去掉只讀屬性。
示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("input").removeAttr("readonly"); }); }); </script> </head> <body> <input type="text" value="hello" readonly="readonly" /><br /><br /> <button>去掉只讀屬性</button> </body> </html>
方法2：使用attr()
使用attr()方法將readonly屬性的值設(shè)置為false即可
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("input").attr("readonly",false); }); }); </script> </head> <body> <input type="text" value="hello" readonly="readonly" /><br /><br /> <button>去掉只讀屬性</button> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
