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

最新推荐文章于 2021-06-08 19:23:11 发布

JavaScript豆豆

最新推荐文章于 2021-06-08 19:23:11 发布

阅读量183

点赞数

本文链接：https://blog.csdn.net/qq_45695622/article/details/102771051

版权

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

JavaScript豆豆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【第三章】过滤选择器-表单对象的属性过滤器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>过滤选择器-表单对象的属性过滤器</title> <script language="JavaScript" src="js/jquery-1.11.1.min.js"></s...
复制链接

扫一扫