详述jQuery中的val方法

最新推荐文章于 2021-06-06 23:57:43 发布

我是真的囟

最新推荐文章于 2021-06-06 23:57:43 发布

阅读量549

点赞数

本文链接：https://blog.csdn.net/qq_42154576/article/details/90751937

版权

本文详细介绍了jQuery中val方法的使用，包括如何利用val方法选中单选框、复选框以及下拉列表，提供了相应的代码示例。

摘要由CSDN通过智能技术生成

一、使用val方法选中单选框

范例如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			$(function(){
				$("[name='sex']").val(["0"]);
			})
		</script>
	</head>
	<body>
		<input type="radio" name="sex" value="0" />足球
		<input type="radio" name="sex" value="1" />篮球
	</body>
</html>

输出结果

二、使用val方法选中复选框

范例如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
		<script>
			$(function(){
				$("[name='hobby']").val(["0","1"]);
			})
		</script>
	</head>
	<body>
		<input type="checkbox" name="hobby" value="0" />足球
		<input type="checkbox" name="hobby" value="1" />篮球
	</body>
</html>

输出结果

三、使用val方法选中下拉列表

范例如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>	
		<script>
			$(function(){
				$("select").val(["2"]);
			})
		</script>
	</head>
	<body>
		<select>
			<option value="0">请选择</option>
			<option value="1">足球</option>
			<option value="2">篮球</option>
		</select>
	</body>
</html>