:enabled 選擇器

類別： 選擇器 > 表單

enabled 選擇器

說明： 選取所有已啟用的元素。

  • 新增版本： 1.0jQuery( ":enabled" )

與其他偽類別選擇器（以「:」開頭）一樣，建議在前面加上標籤名稱或其他選擇器；否則，會暗示萬用選擇器（ "*" ）。換句話說，單獨的 $( ":enabled" ) 等同於 $( "*:enabled" )，因此應該改用 $( "input:enabled" ) 或類似的寫法。

儘管 :enabled 選擇器和 :not([disabled]) 的選取結果通常相同，但兩者還是有細微的差別；:enabled 選取布林值 disabled 屬性嚴格等於 false 的元素，而 :not([disabled]) 選取未設定 disabled 屬性 的元素（不論其值為何）。

:enabled 選擇器僅應使用於選取支援 disabled 屬性的 HTML 元素（<button>、<input>、<optgroup>、<option>、<select> 和 <textarea>）。

範例

找出所有已啟用的 input 元素。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>enabled demo</title>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<form>
  <input name="email" disabled="disabled">
  <input name="id">
</form>
 
<script>
$( "input:enabled" ).val( "this is it" );
</script>
 
</body>
</html>

示範