<!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>
表单对象的属性过滤器
最新推荐文章于 2022-05-07 13:08:38 发布