JQuery从头学起第三讲


Posted in Javascript onJuly 06, 2010
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JQuery3.aspx.cs" Inherits="JQuery_1.JQuery3" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title></title> 
<script type="text/javascript" src="JS/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
function Get() { 
var v1 = $("#txt1").val();//获取文本框输入的值 
var v11 = $("#txt1").attr("value");//获取文本框输入的值,效果和上面方法一致 
var v2 = $("#txt2").val();//文本框输入的密码的值 
var v3 = $("input[name='ck']:checked").val();//获取checkbox勾上后的值, 
var v4 = $("#h1").val();//获取隐藏控件的值 
var v5 = $("input[name='rdo']:checked").val();//获取一组radio被选中的值 
var v6 = $("#ss").val();//获取下来框选中的value 
var v7 = $("select[name='s1'] option[value='" + v6 + "']").text();//选取下拉框选中的文本 
var v8 = $("select[id='ss'] option[value='" + v6 + "']").text();//选取下拉框选中的文本,上面是通过name来获取,这里是通过ID来获取,但这里的ID不能加# 
alert(v1+","+v2+","+v3+","+v4+","+v5+","+v6+","+v8) 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<input type="text" id="txt1" /> 
<input type="password" id="txt2" /> 
男<input type="checkbox" id="ck1" name="ck" value="男" /> 
<input type="hidden" id="h1" value="www.54talk.cn" /> 
www<input type="radio" id="r1" name="rdo" value="www" /> 
54talk<input type="radio" id="r2" name="rdo" value="54talk" /> 
cn<input type="radio" id="r3" name="rdo" value="cn" /> 
<select name="s1" id="ss"> 
<option value="0">男</option> 
<option value="1">女</option> 
</select> 
<input type="button" onclick="Get()" value="取值"/> 
</div> 
</form> 
</body> 
</html>

以上DEMO中的代码是我一个个敲出来的,都经过测试,大家可以放心的使用。这个DEMO中主要加了对输入框的几种类型的取值,这也列举了取值的两种方式,DEMO中除了介绍了文本框的取值外还介绍了下拉框,单选框,多选框的取值,这里用到了复合属性选择器,需要同时满足多个条件时使用。不像文本框那么单纯,用个ID就可以获取到值。在获取select的value的时候也用个复合属性选择器就可以了,但是要获取下拉框的文本就要先得到value,再根据value去获取text。

今天这一讲就讲这么多,下一讲我们讲用JQuery来对这些常用控件赋值,因为我们在做页面初始化的时候,常常需要对某些控件进行初始化。

Javascript 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
文本框根据输入内容自适应高度的代码
Oct 24 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
Dec 26 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
AngularJS实现表单验证功能
Jan 09 Javascript
关于Vue.nextTick()的正确使用方法浅析
Aug 25 Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
微信小程序实现登录注册tab切换效果
Dec 29 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
Apr 04 Javascript
微信小程序实现点击图片放大预览
Oct 21 Javascript
一步一步制作jquery插件Tabs实现过程
Jul 06 #Javascript
jQuery基础知识filter()和find()实例说明
Jul 06 #Javascript
jQuery中filter(),not(),split()使用方法
Jul 06 #Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 #Javascript
jquery 查找新建元素代码
Jul 06 #Javascript
jquery 3D球状导航的文章分类
Jul 06 #Javascript
Javascript Function对象扩展之延时执行函数
Jul 06 #Javascript
You might like
PHP的开合式多级菜单程序
2006/10/09 PHP
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
深入分析PHP引用(&amp;)
2014/09/04 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
完美的php分页类
2017/10/24 PHP
理解Javascript_03_javascript全局观
2010/10/11 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
什么是MEAN?JavaScript编程中的MEAN是什么意思?
2014/12/18 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
2015/03/28 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
javascript 设计模式之组合模式原理与应用详解
2020/04/08 Javascript
Python异常学习笔记
2015/02/03 Python
详解Python中用于计算指数的exp()方法
2015/05/14 Python
浅谈Python的文件类型
2016/05/30 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
Python中用pyinstaller打包时的图标问题及解决方法
2020/02/17 Python
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
上课迟到检讨书100字
2014/01/11 职场文书
便利店促销方案
2014/02/20 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
家长对老师的感言
2014/03/11 职场文书
小学班主任评语大全
2014/04/23 职场文书
群众路线领导干部个人对照检查材料(集锦)
2014/09/23 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
校园广播站开场白
2015/06/01 职场文书