<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>UntitledDocument</title><scripttype="text/javascript"src="js/jquery-1.7.2.js"></script><scripttype="text/javascript">$(function(){//对表单内可用input赋值操作.$("#btn1").click(function(){//使所有的可用的单行文本框的value值变为尚硅谷alert($(":text:enabled").val());$(":text:enabled").val("尚硅谷");});//对表单内不可用input赋值操作$("#btn2").click(function(){$(":text:disabled").val("www.atguigu.com");});//获取多选框选中的个数$("#btn3").click(function(){varnum=$(":checkbox[name='newsletter']:checked").length;alert(num);});//获取多选框选中的内容.$("#btn4").click(function(){$(":checkbox[name='newsletter']:checked").each(function(){alert(this.value);});});//获取下拉框选中的内容.$("#btn5").click(function(){//实际被选择的不是select,而是select的option子节点//所以要加一个空格.//varlen=$("select:selected").length//alert(len);//因为$("select:selected")选择的是一个数组//当该数组中有多个元素时,通过.val()方法就只能获取第一个被选择的值了.//alert($("select:selected").val());//jQuery对象遍历的方式使each,在each内部的this是正在//得到的DOM对象,而不是一个jQuery对象$("select:selected").each(function(){alert(this.value);});});})</script></head><body><h4>表单对象属性过滤选择器</h4><buttonid="btn1">对表单内可用input赋值操作.</button><buttonid="btn2">对表单内不可用input赋值操作.</button><br/><br/><buttonid="btn3">获取多选框选中的个数.</button><buttonid="btn4">获取多选框选中的内容.</button><br/><br/><buttonid="btn5">获取下拉框选中的内容.</button><br/><br/><formid="form1"action="#">可用元素:<inputname="add"value="可用文本框1"/><br>不可用元素:<inputname="email"disabled="true"value="不可用文本框"/><br>可用元素:<inputname="che"value="可用文本框2"/><br>不可用元素:<inputname="name"disabled="true"value="不可用文本框"/><br><br>多选框:<br><inputtype="checkbox"name="newsletter"checked="checked"value="test1"/>test1<inputtype="checkbox"name="newsletter"value="test2"/>test2<inputtype="checkbox"name="newsletter"value="test3"/>test3<inputtype="checkbox"name="newsletter"checked="checked"value="test4"/>test4<inputtype="checkbox"name="newsletter"value="test5"/>test5<br><br>下拉列表1:<br><selectname="test"multiple="multiple"><option>浙江</option><optionselected="selected">辽宁</option><option>北京</option><optionselected="selected">天津</option><option>广州</option><option>湖北</option></select><br><br>下拉列表2:<br><selectname="test2"><option>浙江</option><option>辽宁</option><optionselected="selected">北京</option><option>天津</option><option>广州</option><option>湖北</option></select><textarearows=""cols=""></textarea></form></body></html>