【第三章】过滤选择器-表单对象的属性过滤器

JavaScript豆豆

于 2019-10-27 20:27:57 发布

阅读量228

点赞数

本文链接：https://blog.youkuaiyun.com/qq_45695622/article/details/102771051

版权

本文介绍了一个使用jQuery实现的表单元素属性过滤示例，包括如何选择已选中的复选框并更改其背景颜色，如何获取下拉列表中选定选项的值，以及如何设置不可用按钮的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>过滤选择器-表单对象的属性过滤器</title>
		<script language="JavaScript" src="js/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<form>
			选框1:<input type="checkbox" checked="checked" value="选框1" />
			选框2:<input type="checkbox" checked="checked" value="选框2" />
			选框3:<input type="checkbox"  value="选框3" /><br />
			不可用按钮：<input type="button" value="不可用按钮 "disabled /><br />
			下拉列表框:
			<select onchange="seletVal()">
				<option value="列表1">列表1</option>
				<option value="列表2">列表2</option>
				<option value="列表3">列表3</option>
			</select>
		</form>
		<script type="text/javascript">
			$(document).ready(function(){
				$("input:checked").css("background-color","red");
				$("input:disabled").val("不可用");
				})
				function velectVal(){
					alert($("select option: selected").val());
				}
		</script>
	</body>
</html>