妙用Jquery值()

妙用查询值

 更新时间:2012年06月27日 16:05:34   作者:  
查询值()获取路线
看下面的一个例子:
复制代码代码如下:

<input type=“text”id=“address”value=“请输入邮箱地址“/><br/><br/>
<input type=“text”id=“password”value=“请输入邮箱密码“/><br/><br/>
<input type=“button”value=“click”/>输入类型=“button”value=“click”/>

代码:
复制代码代码如下:

$(“#address”).focus(函数(){//地址框获得鼠标焦点
var txt_value=$(this).val();//得到当前文本框的值
if(txt_value==this.defaultValue){
$(this).val(“”);//如果符合条件,则清空文本框内容
}
});

注:this.defaultValue(此默认值)就是当前文本框的默认值。
val()我很喜欢选择()、复选框()和收音机(单选框)相应的项被选中,这在表单操作中经常会用到。看下面的一个例子:
复制代码代码如下:

<body>
<输入类型=“按钮”值=“设置单选下拉框选中"/>
<输入类型=“按钮”值=“设置多选下拉框选中"/>
<输入类型=“按钮”值=“设置单选框和多选框选中"/>
<br/><br/>
<select id=“single”>
<选项值=“1”>
<选项值=“2”>
<选项值=“3”>
<选项值=“4”>
<选项值=“5”>
</选择>
<select id=“multiple”multiple=“multifle”style=“height:120px;”>
<option value=“1”selected=“selected”>1º</option>
<选项值=“2”>
<option value=“3”>(选项值=“3”>)
<选项值=“4”>
<选项值=“5”selected=“selected”>
</选择>
<br/><br/>

<input type=“checkbox”value=“check 1”/>1
<input type=“checkbox”value=“check 2”/>2
<input type=“checkbox”value=“check 3”/>3
<input type=“checkbox”value=“check 4”/>4
<br/>
<输入类型=“无线电”value=“无线电1”/>1
<输入类型=“无线电”value=“无线电2”/>
<输入类型=“无线电”value=“无线电3”/>
</body>

运行后,默认的显示效果如下图:

这个时候想要改变选中的项,该怎么办呢?在javascript脚本我的意思是:
复制代码代码如下:

$(函数(){
//设置单选下拉框选中
$(“input:eq(0)”).点击(function(){
//$(“#single”).val(“5”);
$(“#single”).val(“5”);//和$(“#single”).val(“5”);这 种方式都可以达到效果
var-options=$('单个选项:已选择')
警报(options.val());
});
//中国
$(“input:eq(1)”).点击(function(){
//$(“#multiple”).val([“2”,“3”]);
$(“#multiple”).val([“3”,“4”])//以数组的形式赋值
});
//设置单选框和多选框选中
$(“input:eq(2)”).点击(function(){
$(“:checkbox”).val([“check2”,“check3”])//以数组的形式赋值
$(“:无线电”).val([“无线电2”]);
});
});

我觉得:


则会发现,默认的选中项已经变为你要设置的项了。如下所示:


以上就为jquery val()方法的一个妙用,希望能够对你在操作多选和复选框的时候能够有所帮助。

相关文章

最新评论