jquery怎麼為input添加唯讀屬性
- 青灯夜游原創
- 2021-11-16 15:59:265298瀏覽
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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn