jquery如何判斷元素是否只讀

發(fā)布時(shí)間：2022-09-14 09:34:08 來源：億速云閱讀：192 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“jquery如何判斷元素是否只讀”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“jquery如何判斷元素是否只讀”文章能幫助大家解決問題。

判斷步驟：1、使用attr()獲取指定元素中readonly屬性的值，語法“$("選擇器).attr("readonly")”；2、判斷readonly屬性的值是否為“readonly”，語法“屬性值=="readonly"”，如果屬性值為“readonly”則元素只讀，反之則元素不只讀。

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.1版本、Dell G3電腦。

HTML 只讀狀態(tài)

元素是否只讀，是只讀屬性readonly屬性控制的。

readonly屬性，用于規(guī)定輸入字段為只讀。
只讀字段是不能修改的。不過，用戶仍然可以使用 tab 鍵切換到該字段，還可以選中或拷貝其文本。
readonly 屬性可以防止用戶對(duì)值進(jìn)行修改，直到滿足某些條件為止（比如選中了一個(gè)復(fù)選框）。然后，需要使用 JavaScript 消除 readonly 值，將輸入字段切換到可編輯狀態(tài)。
readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。

jquery判斷元素是否只讀

在jquery中，可以通過檢查readonly屬性的值來判斷元素是否只讀

當(dāng)readonly 屬性的值為“readonly”，該元素只讀；

實(shí)現(xiàn)步驟：

步驟1：使用attr()獲取指定元素中readonly屬性的值

attr() 方法可以返回被選元素的指定屬性值

$("選擇器).attr("readonly")

步驟2：判斷readonly屬性的值是否為“readonly”

屬性值為“readonly”則元素只讀
屬性值不為“readonly”則元素不只讀

if(屬性值=="readonly"){
	console.log("元素只讀");
}else{
	console.log("元素不只讀");
}

示例代碼：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					var a = $("input").attr("readonly");
					if (a == "readonly") {
						console.log("input元素只讀");
					} else {
						console.log("input元素不只讀");
					}
					var b = $("textarea").attr("readonly");
					if (b == "readonly") {
						console.log("textarea元素只讀");
					} else {
						console.log("textarea元素不只讀");
					}
				});
			});
		</script>
	</head>
	<body>
		<input type="text" value="hello" readonly="readonly" /><br /><br />
		<textarea></textarea><br /><br />
		<button>元素是否只讀</button>
	</body>
</html>

jquery如何判斷元素是否只讀

關(guān)于“jquery如何判斷元素是否只讀”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問一下細(xì)節(jié)

jquery如何判斷元素是否只讀

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽