快捷導(dǎo)航

JQuery從頭學(xué)起第三講

更新時(shí)間：2010年07月06日 23:26:35 作者：

看了前面兩講的54淘客網(wǎng)友，我想應(yīng)該對(duì)JQuery已經(jīng)有了個(gè)初步的認(rèn)識(shí)，知道如何用JQuery選擇器來獲取控件的值，今天我們主要講使用JQuery對(duì)常用控件的取值。

復(fù)制代碼代碼如下:

 
<%@ 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中的代碼是我一個(gè)個(gè)敲出來的，都經(jīng)過測試，大家可以放心的使用。這個(gè)DEMO中主要加了對(duì)輸入框的幾種類型的取值，這也列舉了取值的兩種方式，DEMO中除了介紹了文本框的取值外還介紹了下拉框，單選框，多選框的取值，這里用到了復(fù)合屬性選擇器，需要同時(shí)滿足多個(gè)條件時(shí)使用。不像文本框那么單純，用個(gè)ID就可以獲取到值。在獲取select的value的時(shí)候也用個(gè)復(fù)合屬性選擇器就可以了，但是要獲取下拉框的文本就要先得到value，再根據(jù)value去獲取text。

今天這一講就講這么多，下一講我們講用JQuery來對(duì)這些常用控件賦值,因?yàn)槲覀冊(cè)谧鲰撁娉跏蓟臅r(shí)候，常常需要對(duì)某些控件進(jìn)行初始化。

您可能感興趣的文章: