jquery為input增加唯讀屬性的方法:1、使用「$("input")」語句取得input物件;2、使用attr()為取得到的input物件新增唯讀屬性,語法“input物件.attr("readonly","readonly");”。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
input的唯讀屬性--readonly
readonly 屬性規定輸入欄位為唯讀。
只讀欄位是不能修改的。不過,使用者仍然可以使用 tab 鍵切換到該字段,也可以選取或拷貝其文字。
readonly 屬性可以防止使用者對值進行修改,直到滿足某些條件為止(例如選取了一個複選框)。然後,需要使用 JavaScript 消除 readonly 值,將輸入欄位切換到可編輯狀態。
jquery怎麼為input加上readonly屬性?
在jquery中,可以利用attr()方法來為input元素加入readonly屬性。
attr() 方法設定或傳回被選元素的屬性值。
範例:
<!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","readonly"); }); }); </script> <style type="text/css"> .intro { font-size: 120%; color: red; } </style> </head> <body> <input type="text" value="hello"/><br /><br /> <button>给input添加只读属性</button> </body> </html>
相關教學推薦:jQuery影片教學
以上是jquery怎麼為input添加唯讀屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!