JQuery 第二天 - 表单对象属性过滤选择器

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <base href="<%=basePath%>"><title>JQuery DEMO</title>
        <style type="text/css">
        </style>
		<!--引入 jquery.js 文件-->
        <script type="text/javascript" src="js/jquery/jquery-1.3.2.js">
        </script>
        <script type="text/javascript">
         		$(function(){
						//改变表单内可用<input>元素的值
						$("#form1 input:enabled").val("可用变化了!");
						
						//改变表单内不可用<input>元素的值
						$("#form1 input:disabled").val("不可用变化了!");
						
						//获取多选框中的个数
						alert("多选框选中的个数为:"+$("input:checked").length);
						
						//获取下拉框选中的内容
						alert("下拉框选中的内容为:"+$("select :selected").text());
						
						//获取表单内表单元素的个数 不一定指的是 <input>标签
						alert("表单内input的个数:"+$("#form1 :input").length);
						
						//获取表单内单行文本框的个数
						alert("表单内text的个数:"+$("#form1 :text").length);
				});
        </script>
    </head>
    <body>
    		<form id="form1" action="#">
    		<p>	可用元素:<input name="add" value="可用文本框"/>
    		<p>	不可用元素:<input name="add" disabled ="true" value="不可用文本框"/>
    		<p>	可用元素:<input name="che" value="可用文本框"/>
            <p>
                不可用元素:<input name="chu" disabled ="true" value="不可用文本框"/>	
			<hr>
			多选框
			<p>
				<input type="checkbox" name="email" checked="checked" value="1">choose one
			</p>
			<p>
				<input type="checkbox" name="email"   value="2">choose 2
			</p>
			<p>
				<input type="checkbox" name="email"  value="3">choose 3
			</p>
			<p>
				<input type="checkbox" name="email"   value="4">choose 4
			</p>
			<p>
				<input type="checkbox" name="email" checked="checked" value="5">choose 5
			</p>
			<p>
				<select name="test1" multiple="multiple" size="5">
					<option>浙江</option>
					<option selected="selected">湖南</option>
					<option>天津</option>
					<option selected="selected">北京</option>
					<option>湖北</option>
				</select>				
			</p>
			<p>
				<select name="test2"  >
					<option>浙江</option>
					<option>湖南</option>
					<option>天津</option>
					<option selected="selected">北京</option>
					<option>湖北</option>
				</select>				
			</p>
			</form>
    </body>
</html>

你可能感兴趣的:(html,jquery)