勾选单选radio2,多选checkbox1,checkbox3,多选下拉列表mul1,mul4,单选下拉列表sin3。
语法:$(selector1,selector2).val(content1,content2)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function (){$(":radio,:checkbox,#multiple,#single").val(["radio2","checkbox1","checkbox3","mul1","mul4","sin3"]);
})
</script>
</head>
<body>
单选:
<input name="radio" type="radio" value="radio1" />radio1
<input name="radio" type="radio" value="radio2" />radio2
<br/>
多选:
<input name="checkbox" type="checkbox" value="checkbox1" />checkbox1
<input name="checkbox" type="checkbox" value="checkbox2" />checkbox2
<input name="checkbox" type="checkbox" value="checkbox3" />checkbox3
<br/>
下拉多选 :
<select id="multiple" multiple="multiple" size="4">
<option value="mul1">mul1</option>
<option value="mul2">mul2</option>
<option value="mul3">mul3</option>
<option value="mul4">mul4</option>
</select>
<br/>
下拉单选 :
<select id="single">
<option value="sin1">sin1</option>
<option value="sin2">sin2</option>
<option value="sin3">sin3</option>
</select>
</body>
</html>
上面代码涉及到表单过滤器:
:radio 匹配所有的单选框
:checkbox 匹配所有的复选框
以及#ID 选择器:
根据 id 查找标签对象
实验结果: