val()方法的选中功能

Posted on by mannuan One min read 
<select id="single">
<option>选择1号</option>
<option>选择2号</option>
<option>选择3号</option>
</select>
<select id="multiple" multiple="multiple" style="height:120px;">
<option selected="selected">选择1号</option>
<option>选择2号</option>
<option>选择3号</option>
<option>选择4号</option>
<option selected="selected">选择5号</option>
</select>
<input type="checkbox" value="check1"/>多选1
<input type="checkbox" value="check2"/>多选2
<input type="checkbox" value="check3"/>多选3
<input type="checkbox" value="check4"/>多选4
<input type="radio" value="radio1"/>单选1
<input type="radio" value="radio2"/>单选2
<input type="radio" value="radio3"/>单选3

该网页中的一些元素是默认选中的，可以通过val()方法来改变它们的选中项。如果要使第1个下拉框的第2项被选中，可以用以下jQuery代码实现：

$("#single").val("选择2号");

如果使下拉框的第2项和第3项被选中，可以用以下jQuery代码实现:

$("#multiple").val(["选择2号", "选择3号"]);

按照上面类似的写法，下面的代码可以使多选框和单选框被选中，jQuery代码如下：

$(":checkbox").val(["check2", "check3"]);
$(":radio").val(["radio2"]);