兩種設定唯讀的方法：1、用attr()為text文字方塊新增readonly屬性，並將屬性值置為“readonly”，語法“$("textarea").attr(" readonly","readonly");」。 2.用prop()為text文字方塊新增readonly屬性，並將屬性值置為“true”，語法“$("textarea").prop("readonly",true);”。
本教學操作環境：windows7系統、jquery3.6.0版本、Dell G3電腦。
在HTML中，元素的唯讀狀態是由唯讀屬性（readonly）控制的。
想要為text文字方塊（textarea）設定唯讀狀態，只需要為textarea元素新增readonly屬性即可。
jquery有以下兩種為元素新增屬性的方法：
#使用attr()
方法1、使用attr()設定text文字方塊只讀狀態
只需要使用attr()為textarea元素新增readonly屬性，並將屬性值設為「readonly」即可。 實作程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="./js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("textarea").attr("readonly","readonly");
});
});
</script>
</head>
<body>
<textarea>默认文本</textarea><br /><br />
<button>给text文本框添加只读属性</button>
</body>
</html>
方法2、使用prop()設定text文字方塊唯讀狀態
#只需要使用prop()為textarea元素新增readonly屬性，並將屬性值設定為「true」即可。 實作程式碼：<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("textarea").prop("readonly",true);
});
});
</script>以上是jquery怎麼為text文字框設定只讀狀態的詳細內容。更多資訊請關注PHP中文網其他相關文章！
