jQuery表单过滤选择器

1
2
3
4
5
6
7
	表单对象的属性
	:enabled 		
	:disabled 		
	:checked 		
	:selected 		
	*/

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
			$("#btn1").click(function(){
				// val()可以操作表单项的value属性值
				// 它可以设置和获取
				//$(":text:enabled").val("我是万能的程序员");
				$(":text:enabled").val("我是帅气李渊斌");
			});
			//2.对表单内 不可用input 赋值操作
			$("#btn2").click(function(){
				$(":text:disabled").val("管你可用不可用，反正我是万能的程序员");
			});
			//3.获取多选框选中的个数  使用size()方法获取选取到的元素集合的元素个数
			$("#btn3").click(function(){
				//alert( $(":checkbox:checked").length );
				alert($(":checkbox:checked").length);
			});
			//4.获取多选框，每个选中的value值
			$("#btn4").click(function(){
				// 获取全部选中的复选框标签对象
				//var $checkboies = $(":checkbox:checked");
				// 老式遍历
				// for (var i = 0; i < $checkboies.length; i++){
				// 	alert( $checkboies[i].value );
				// }

				// each方法是jQuery对象提供用来遍历元素的方法
				// 在遍历的function函数中，有一个this对象，这个this对象，就是当前遍历到的dom对象


				var $checkboies = $(":checkbox:checked");
				$checkboies.each(function () {
					alert( this.value );
				});

			});
			//5.获取下拉框选中的内容  
			$("#btn5").click(function(){
				// 获取选中的option标签对象
				/*var $options = $("select option:selected");
				// 遍历，获取option标签中的文本内容
				$options.each(function () {
					// 在each遍历的function函数中，有一个this对象。这个this对象是当前正在遍历到的dom对象
					alert(this.innerHTML);
				});*/
				var $selects = $("select option:selected");
				$selects.each(function () {
				alert(this.innerHTML);
				});
			});