首頁  >  文章  >  web前端  >  jquery怎麼為input添加唯讀屬性

jquery怎麼為input添加唯讀屬性

青灯夜游
青灯夜游原創
2021-11-16 15:59:265249瀏覽

jquery為input增加唯讀屬性的方法:1、使用「$("input")」語句取得input物件;2、使用attr()為取得到的input物件新增唯讀屬性,語法“input物件.attr("readonly","re​​adonly");”。

jquery怎麼為input添加唯讀屬性

本教學操作環境: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怎麼為input添加唯讀屬性

相關教學推薦:jQuery影片教學

以上是jquery怎麼為input添加唯讀屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn