“表單”偽類選擇器,指的是專門操作表單元素的一種偽類選擇器。在 jQuery 中,常用的“表單”偽類選擇器如表 1 所示。
表 1:“表單”偽類選擇器
選擇器 |
說明 |
:input |
選取所有 input 元素 |
:button |
選取所有普通按鈕,即<input type ="button" /> |
:submit |
選取所有提交按鈕,即<input type ="submit" /> |
:reset |
選取所有重置按鈕,即<input type = "reset" /> |
:text |
選取所有單行文字方塊 |
:textarea |
選取所有多行文字方塊 |
:password |
選取所有密碼文字方塊 |
:radio |
選取所有單選框 |
:checkbox |
選取所有核取方塊 |
:image |
選取所有圖片域 |
:file |
選取所有檔案域 |
舉例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function() {
$("input:checkbox").attr("checked", "checked");
})
</script>
</head>
<body>
<p>性別:
<label><input type="radio" name="gendar"/>男</label>
<label><input type="radio" name="gendar"/>女</label>
</p>
<p>喜歡的水果:
<label><input type="checkbox"/>蘋果</label>
<label><input type="checkbox"/>西瓜</label>
<label><input type="checkbox"/>蜜桃</label>
</p>
</body>
</html>
程式執行效果如圖 1 所示。
圖 1::checkbox 選擇器的效果