<%@ 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>
05-06
05-06
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交