jQuery 表单选择器

jQuery 代码：

<script type="text/javaScript">
$(document).ready(function(){
$("#form1 input:enabled").val("这里变化了");//改变表单内可用<input> 元素
$("#form1 input:disabled").val("这里也变了"); //改变表单内不可用<input>元素
$("input:checked").length;//获取多选框选中的个数
$("select :selected").text();//获取下拉框选中的内容

$("#form2 :input").length; //获取表单元素的个数
$("#form2 :text").length; //获取表单内当行文本的个数
$("#form2 :password").length;//获取表单内密码框的个数
});
</script>

 

 

 

 

 

css 代码

<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/>
<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 />
下拉列表1：<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="test" multiple="multiple" style="height:100px">
<option>浙江</option>
<option>湖南</option>
<option>浙江</option>
<option selected="selected">湖南</option>
<option>浙江</option>
<option>浙江</option>
</select>
<div></div>
</form>
<br>
<br>
<br>
<br>
<br>
<form action="#" id="form2">
<input type="button" value="button" /> <br/>
<input type="checkbox" name="c" />1
<input type="checkbox" name="c" />2
<input type="checkbox" name="c" />3 <br/>
<input type="file" /><br/>
<input type="hidden" /> <div style="display:none">test</div> <br/>
<input type="image" /><br/>
<input type="password" /><br/>
<input type="radio" name="a" />1<input type="radio" name="a" />2 <br/>
<input type="reset" /><br/>
<input type="submit" value="提交" /><br/>
<input type="text" /><br/>
<select><option>option</option></select><br/>
<textarea></textarea><br/>
<button>Button</button><br/>
</form>