jquery如何判斷元素是否只讀

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

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

判斷步驟：1、使用attr()獲取指定元素中readonly屬性的值，語(yǔ)法“$("選擇器).attr("readonly")”；2、判斷readonly屬性的值是否為“readonly”，語(yǔ)法“屬性值=="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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

當(dāng)前題目：jquery如何判斷元素是否只讀
當(dāng)前URL：http://muchs.cn/article28/joodcp.html

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

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

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