JQuery是一款功能強大的JavaScript庫，可以簡化網頁編程過程中的許多常見任務。在網頁開發中，有時需要禁止用戶編輯文本區域，這時可以使用JQuery設置Textarea不可編輯。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<title>設置Textarea不可編輯</title>
</head>
<body>
<textarea id="myTextarea"></textarea>
<br>
<button id="disableButton">禁止編輯</button>
<button id="enableButton">允許編輯</button>
<script>
// 禁止編輯
$('#disableButton').click(function(){
$('#myTextarea').attr('readonly',true);
});
// 允許編輯
$('#enableButton').click(function(){
$('#myTextarea').attr('readonly',false);
});
</script>
</body>
</html>以上代碼中，我們首先定義了一個Textarea和兩個Button。當用戶點擊“禁止編輯”按鈕時，使用JQuery設置Textarea的readonly屬性為真值，即不可編輯。而當用戶點擊“允許編輯”按鈕時，將readonly屬性的值設為假，即可重新編輯Textarea的內容。
綜上所述，通過使用JQuery設置Textarea的readonly屬性，我們可以輕松實現禁止或允許用戶編輯文本內容的功能。
下一篇div 形狀變化