val设置获取属性值+each数组遍历

最新推荐文章于 2022-03-02 14:49:08 发布

吴泽雄

最新推荐文章于 2022-03-02 14:49:08 发布

阅读量689

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/wzx735481897/article/details/52886873

版权

javaScript 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
//focus(获取焦点), blur(失去焦点)
$(":text").focus(function(){
var str = $(this).val();

//defaultValue表示当前默认值
if(str == this.defaultValue)
{
$(this).val("");
}
}).blur(function(){
var str = $(this).val();
str = $.trim(str);
if(str=="")
{
$(this).val(this.defaultValue);
}
})

$(":button:eq(0)").click(function(){
$("#single").val("选择3号");
});

$(":button:eq(1)").click(function(){
$("#multiple").val(["选择2号","选择4号"]);
});

$(":button:eq(2)").click(function(){
$(":checkbox[name='c']").val(["check2","check4"]);
});

$(":button:eq(3)").click(function(){
$(":radio[name='r']").val(["radio2"]);
});

$(":button:eq(4)").click(function(){

alert($("#single").val());
alert($("#multiple").val());
$(":checkbox[name='c']:checked").each(function(){
alert(this.value);
});
alert($(":radio[name='r']:checked").val());
});
})
</script>

</head>
<body>
<input type="text" id="address" value="请输入邮箱地址"><br>
<input type="text" id="password" value="请输入邮箱密码"><br>

<br><br><br>

<input type="button" value="使单选下拉框的'选择3号'被选中"/>
<input type="button" value="使多选下拉框选中的'选择2号'和'选择4号'被选中"/><br>
<input type="button" value="使多选框的'多选2'和'多选4'被选中"/>
<input type="button" value="使单选框的'单选2'被选中"/><br>
<input type="button" value="打印已经被选中的值"><br>

<br/>

<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>

<br/><br/>

<input type="checkbox" name="c" value="check1"/> 多选1
<input type="checkbox" name="c" value="check2"/> 多选2
<input type="checkbox" name="c" value="check3"/> 多选3
<input type="checkbox" name="c" value="check4"/> 多选4

<br/>

<input type="radio" name="r" value="radio1"/> 单选1
<input type="radio" name="r" value="radio2"/> 单选2
<input type="radio" name="r" value="radio3"/> 单选3
</body>
</html>

吴泽雄

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
val设置获取属性值+each数组遍历

$(function(){//focus(获取焦点), blur(失去焦点)$(":text").focus(function(){var str = $(this).val();//defaultValue表示当前默认值if(str == this.defaultValue){$(this).val("");}}).blur(function(){va
复制链接

扫一扫

专栏目录