表单对象的属性过滤器

最新推荐文章于 2023-07-22 08:42:18 发布

javaScript小主

最新推荐文章于 2023-07-22 08:42:18 发布

阅读量103

点赞数

本文链接：https://blog.csdn.net/qq_45683093/article/details/102771733

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单对象的属性过滤器</title>
		<script language="javascript" src="jss/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="selectVal()">
				<option value="列表项1">列表项1</option>
				<option value="列表项2">列表项2</option>
				<option value="列表项3">列表项3</option>
			</select>
		</form>
		<script>
			$(document).ready(function(){
				$("input:checked").css("background-color","red");   //设置选中的复选框背景颜色
				$("input:disabled").val("我是不可用的");             //为灰色不可用按钮赋值
			})
			function selectVal(){                                   //下拉列表框变化时执行的方法
				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="jss/jquery-1.11.1.min.js"></script...
复制链接

扫一扫