总结val方法中的单选，复选和下拉列表

最新推荐文章于 2022-04-22 15:41:01 发布

马一鸣Ivk

最新推荐文章于 2022-04-22 15:41:01 发布

阅读量181

点赞数

分类专栏： HTML 文章标签： jQuery val

本文链接：https://blog.csdn.net/qq_44724446/article/details/90762160

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

使用val方法操作输入框，单选框，复选框，下拉列表，并选中默认值
1，单选框添加默认值

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="jquery-1.8.3.js" ></script>
	</head>
	<body>
		<input id="user_name" />
		
		<input type="radio" name="sex" value="0"/>男
		<input type="radio" name="sex" value="1"/>女
		<script>
			$('#user_name').val(["admin"]);
			$("[name='sex']").val(["1"]);
		</script>
	</body>
</html>

效果如下
在这里插入图片描述
2，复选框

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="jquery-1.8.3.js" ></script>
	</head>
	<body>
	<!--	<input id="user_name" />
		
		<input type="radio" name="sex" value="0"/>男
		<input type="radio" name="sex" value="1"/>女
		<script>
			$('#user_name').val(["admin"]);
			$("[name='sex']").val(["1"]);
		</script>-->
		<input id="user_name" />
		<input type="checkbox" name="hobby" value="0"/>足球
		<input type="checkbox" name="hobby" value="1"/>网球
		<input type="checkbox" name="hobby" value="2"/>乒乓
		<input type="checkbox" name="hobby" value="3"/>橄榄球
		<script>
			$("[name='hobby']").val(["1","2"]);
			$("#user_name").val("admin");
		</script>
	</body>
</html>

效果如下
在这里插入图片描述
3，下拉列表

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="jquery-1.8.3.js" ></script>
	</head>
	<body>
		<select>
			<option value="0" >请选择</option>
			<option value="1" >一年级</option>
		</select>
		<script>
			$("select").val("1");
		</script>
	</body>
</html>

效果如下，这里不再是个数组元素
在这里插入图片描述

马一鸣Ivk

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
总结val方法中的单选，复选和下拉列表

使用val方法操作输入框，单选框，复选框，下拉列表，并选中默认值1，单选框添加默认值<html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-1.8.3.js" ></s...
复制链接

扫一扫

专栏目录