<%@ 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>
分享到:
相关推荐
Jquery表单-层级-内容-属性-子元素选择器知识点整理,主要是关于Jquery选择器的知识点整理包括页面属性的选择如$(":empty")等,子元素的选择,层级选择$("parent > child")等
主要介绍了jquery表单对象属性过滤选择器,实例分析了jQuery选择器的相关使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery表单对象属性过滤选择器。分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>2-11<...
jQuery 3.1 标准课程第二章 选择器表单对象属性选择器
第7课 - 表格与表单 - [精通JavaScript+jQuery] 第8课 - Javascript调试与优化 - [精通JavaScript+jQuery] 第9课 - Ajax - [精通JavaScript+jQuery] jQuery应用 第10课 - jQuery基础 - [精通JavaScript+jQuery] ...
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
jquery-form - jQuery表单生成插件 。
tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片轮播、JQuery第四课-下拉菜单(无限级)、JQuery第五课-弹出窗口、JQuery第六课-拖拽、JQuery第七课-模拟滚动条、JQuery第八课-放大镜、JQuery第九课-...
<script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"> $( "#...
jQuery选择器过滤器全面的总结,老师推荐!
简单的JQuery表单过滤器演示,对初学者应该有帮组!
jQuery CSS3 box-shadow属性设置css3阴影
jquery 精简版 jquery 精简版 jquery 精简版jquery 精简版 jquery 精简版 jquery 精简版 jquery 精简版
jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载 jquery插件大全--打包下载
jquery基本过滤选择器举例、代码、html、可直接运行、学习jquery入门篇
jquery插件jquery-ui-1.8.2.custom.min.js
selector 是jQery对象选择器。 plugin 是插件的名称。 method 是相应插件现有的方法。 parameter 是参数对象,可以是一个对象、字符串等。 所有方法都定义在jQuery.fn.{plugin}.methods。每个方法都有2个参数:jq和...
本文实例讲述了jQuery表单域属性过滤器用法。分享给大家供大家参考。具体分析如下: 表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从...