jquery如何判斷元素是否只讀

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

成都創(chuàng)新互聯(lián)是專業(yè)的芷江網(wǎng)站建設公司，芷江接單;提供成都網(wǎng)站建設、網(wǎng)站設計,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行芷江網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

判斷步驟：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 屬性可以防止用戶對值進行修改，直到滿足某些條件為止（比如選中了一個復選框）。然后，需要使用 JavaScript 消除 readonly 值，將輸入字段切換到可編輯狀態(tài)。
readonly 屬性可與 <input type="text"> 或 <input type="password"> 配合使用。

jquery判斷元素是否只讀

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

當readonly 屬性的值為“readonly”，該元素只讀；

實現(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如何判斷元素是否只讀

關于“jquery如何判斷元素是否只讀”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

當前題目：jquery如何判斷元素是否只讀
當前URL：http://jinyejixie.com/article28/joodcp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設、關鍵詞優(yōu)化、網(wǎng)站設計、外貿(mào)網(wǎng)站建設、面包屑導航、App開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

jquery如何判斷元素是否只讀