如何使用 jQuery 使 textarea 和 input 型別變為只讀?


若要使 textarea 和 input 型別變為只讀,請使用 attr() 方法。

對於 readonly,請將 input 型別文字和 textarea 設定為只讀,如下所示

$('input[type="text"], textarea').each(function(){
   $(this).attr('readonly','readonly');
});

以下是將 textarea 和 input 型別設定為只讀的程式碼

範例

 動態演示

<html>
<head>
<title>jQuery Example</title>
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script>
      $(document).ready(function() {
         $('input[type="text"], textarea').each(function(){
            $(this).attr('readonly','readonly');
         });
      });

   </script>
</head>
<body>
<form>
<input type="text" value="readonly text field" /><br>
<textarea>readonly textarea</textarea>
</form>
</body>
</html>

更新時間: 2020 年 6 月 20 日

超過 3k 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.