复制代码 代码如下:
<%@ 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="/UploadFiles/2021-04-02/jquery-1.3.2.min.js"><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来对这些常用控件赋值,因为我们在做页面初始化的时候，常常需要对某些控件进行初始化。
<%@ 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="/UploadFiles/2021-04-02/jquery-1.3.2.min.js"><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来对这些常用控件赋值,因为我们在做页面初始化的时候，常常需要对某些控件进行初始化。
标签：
JQuery,从头学
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“JQuery从头学起第三讲”评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。