表单对象的属性过滤器

张悦是个好人

于 2019-10-27 23:28:18 发布

阅读量117

点赞数

本文链接：https://blog.csdn.net/qq_45337854/article/details/102773620

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="javascript" src="../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"checked="checked" value="复选框3" />
						不可用按钮：<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>
						<script type="text/javascript">
							$(document).ready(function(){
								$("input:checked").css("background-color","red");   //设置复选框的背景颜色
								$("input:disabled").val("我是不可用的");     //为灰色不可用按钮赋值
							})
							function selectVal(){           //下拉列表框变化时执行的方法
								alert($("select option:selected").val());    //显示选中的值
							}
						</script>
		</form>
	</body>
</html>