jQuery——总结val方法选中单选、复选和下拉列表

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


<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"]);
				//jquery对象.val方法。中括号[]可以理解为数组中的一个value值为0的元素
			})
		script>
	head>
	<body>
		<input type="radio" name="sex" value="0" /><input type="radio" name="sex" value="1" />body>
html>

结果如下:
在这里插入图片描述

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


<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方法选中下拉列表


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

结果如下:
在这里插入图片描述

你可能感兴趣的:(jQuery——总结val方法选中单选、复选和下拉列表)