以下内容均是来自《锋利的jQuery》，发到这里，纯属做个笔记，方便查阅。
直接看代码：
直接看代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.3.1.js">
</script>
<script type="text/javascript">
$().ready(
function() {
//表单对象属性过滤选择器
//1改变表单内可用元素的值
//$('#form1 input:enabled').val("这里变化了");
//2改变表单内不可用元素的值
//$('#form1 input:disabled').val("这里变化了");
//3选取多选框中选中的个数
//alert($('#form1 input:checked').length);
//4选取下拉框中选中的内容
alert($('#form1 select :selected').length);
}
);
</script>
</head>
<body>
<form action="" id="form1">
可用元素：<input name="add" value="可用文本框"/><br/>
不可用元素：<input name="email" disabled="disabled" value="不可用文本框"/><br/>
可用元素：<input name="che" value="可用文本框"/><br/>
不可用元素：<input name="name" disabled="disabled" value="不可用文本框"/><br/>
<br/>
多选框：<br/>
<input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1
<input type="checkbox" name="newsletter" value="test2"/>test2
<input type="checkbox" name="newsletter" value="test3"/>test3
<input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4
<input type="checkbox" name="newsletter" value="test5"/>test5
<div></div>
<br/><br/>
下拉列表:<br/>
<select name="test" multiple="multiple" style="height:100px">
<option>浙江</option>
<option selected="selected">湖南</option>
<option>北京</option>
<option selected="selected">天津</option>
<option>广州</option>
<option>湖北</option>
</select>
<br/><br/>
下拉列表2：<br/>
<select name="test2">
<option>浙江</option>
<option>湖南</option>
<option selected="selected">北京</option>
<option>天津</option>
<option>广州</option>
<option>湖北</option>
</select>
<div></div>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
