jQuery form field selector
Checkbox, radio button, drop-down list
<!DOCTYPE html>
<html>
<head>
<title>php.cn</title>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
function f1(){
//獲得復(fù)選框選中情況
//$(:checked) 過濾出被選中的復(fù)選框、單選按鈕
console.log($("input:lt(4):checked"));
//每個過濾選擇器使用之前，已經(jīng)獲得的元素節(jié)點的下標(biāo)進(jìn)行歸位(從0開始重新計算)
//console.log($("input:gt(3):lt(2)")); //男 女
//console.log($("input:gt(1):lt(3)")); //足球 乒乓球 男
//console.log($("input:even:gt(1)")); //男 保密
//單選按鈕：
console.log($("input:gt(3):lt(3):checked"));
//$(:selected) 獲得下拉列表的選中情況
console.log($("option:selected"));
}
</script>
</head>
<body>
<h1>表單域選中選擇器</h1>
愛好：
<input type="checkbox" name="hobby[]" value="籃球" />籃球
<input type="checkbox" name="hobby[]" value="排球" />排球
<input type="checkbox" name="hobby[]" value="足球" />足球
<input type="checkbox" name="hobby[]" value="乒乓球" />乒乓球
<br /><br />
性別:
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<input type="radio" name="sex" value="保密" />保密
學(xué)歷:
<select>
<option value="0">請選擇</option>
<option value="1">小學(xué)</option>
<option value="2">中學(xué)</option>
<option value="3">大學(xué)</option>
</select>
<br /><br />
<input type="button" value="觸發(fā)" onclick="f1()" />
</body>
</html>
