Jquery的val()方法的妙用

请参见以下示例：复制代码如下： input Type=' text ' id=' address '值='请输入电子邮件地址'/br/br/input Type=' text ' id=' password '值='请输入电子邮件密码'/br/br/Type=' button '值=' log in '/代码：复制代码如下： $ ('# address ')。focus(function(){//地址栏获取鼠标焦点var txt_value=$(this)。val()；//获取当前文本框的值if (txt _ value==this。defaultvalue) {$ (this)。val(“”)；//如果满足条件，清空文本框的内容} })；注意：this.defaultValue是当前文本框的默认值。Val()方法还有一个用途，就是可以使select(下拉列表框)、checkbox(多选框)和radio(单选框)的对应项被选中，这是表单操作中经常用到的。见下例：复制代码如下： body inputtype=' button ' value='设置单选下拉框勾选'/input type='button' value='设置多选下拉框勾选'/input type='button' value='设置单选框和多选框勾选'/Br/Br/select id=' single ' Option value=' 1 '选择No.1/optionvalue=' 2 '选择No.2/optionvalue=' 3 '选择No.3/optionvalue='选项值=' 1 '选定='选定'选择1号/选项选项值='2 '选择2号/选项选项值='3 '选择3号/选项选项值='4 '选择4号/选项值=' 5 '选定='选定'选择5号/选项/选择br/br/inputtype=' checkbox '值=' check1 '/多选1inputtype=' checkbox '值=' check2'/2多选输入类型=' checkbox '值=' check3 '/多选输入类型='

如果此时要更改所选项目，该怎么办？在javascript区域添加以下代码：复制代码如下： $(function(){ //设置单选下拉框，选择$(' input 3360 eq(0)')。单击(function () {//$ ('# single '))。val('选择5号')；$('#single ')。val(' 5 ')；//和$('#single ')。val('选择5号')；这种方法可以达到var options=$(' # single options : selected ')alert(options . val())的效果；});//设置下拉框选择$(' input 3360 eq(1)')。单击(function () {//$ ('# multiple ')。val (['选择2号'，'选择3号'])；$('#multiple ')。val(['3 '，' 4 '])；//以数组的形式赋值})；//设置单选框和多选框，选择$ ('input:eq (2)')。单击(function () {$ ('3360checkbox ')。val (['check2 '，' check 3 '])；//分配$(':radio ')。数组形式的val([' radio 2 '])；});});然后分别点击以下三个按钮：。

您会发现默认选择的项目已经成为您想要设置的项目。如下所示：

以上是jquery的val()方法的妙用，希望对你操作多选和复选框时有所帮助。