首頁 > 開發者 > JavaScript

jQuery擷取(選中)單選,複選框,下拉框中的值

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

jQuery擷取(選中)單選,複選框,下拉框中的值

 本篇文章主要是對jQuery擷取(選中)單選,複選框,下拉框中的值的實現方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所協助

執行個體如下：

 

 代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>MyHtml.html</title>

 

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="this is my page">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

 

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<script type="text/javascript" src="jquery-1.3.min.js"></script>

<script type="text/javascript">

function aa(){

// 擷取選項按鈕的值

var a = $("input[name='sex'][checked]").val();

alert(a);

}

function bb(){

// 若選中返回true，否則返回false

var c = $("#a").attr("checked");

alert(c);

 

// 擷取單個複選框的值

var d = $("input[name='checkName'][checked]").val();

alert(d);

 

// 擷取多個複選框的值

$("input[name='checkName'][checked]").each(function(){

if(this.checked)

alert($(this).val());

});

}

 

function checkWeek(){

//var $param = {};

$("#mPrefType").each(function(){

//    var key = $(this).attr("name");

//    if(!$param[key])

//        $param[key] = [];

// 獲得value值

var value = $("##mPrefType option:selected").val();

alert(value);

// 獲得需要的值

var name = $("##mPrefType option:selected").text();

alert(name);

});

}

</script>

</head>

 

<body>

Number:<input type = "text" value ="" name ="num1"/><br>

Number:<input type = "text" value ="" name = "num2"/><br>

<input type = "radio" value = "a"  name = "ss" />a

<input type = "radio" value = "b"  name = "ss" />b

<input type = "radio" value = "c"  name = "ss"/>c

<input type = "radio" value = "d"  name = "ss" >d<br>

<input type = "submit"  value = "提交"/> <br>

<hr>

<input type="radio" value="男" name="sex" id="1" onclick="aa()"/>男

<input type="radio" value="女" name="sex" id="0" onclick="aa()"/>女<br>

<input type="button" value="您選擇的性別" onclick="aa()"/><br>

<hr>

<input type="checkbox" name="checkName" value="aa" id="a"/>aa

<input type="checkbox" name="checkName" value="bb" id="b"/>bb

<input type="checkbox" name="checkName" value="cc"/>cc

<input type="checkbox" name="checkName" value="dd"/>dd<br>

<input type="button" value="您選擇的值是" onclick="bb()"/>

<hr>

<ul>

<li>請選澤</li>

<li>

<select id="mPrefType" name="mPrefType" class="inputS" onchange="checkWeek()">

<option value=0>請選擇:</option>

<option value=1>星期一</option>

<option value=2>星期二</option>

<option value=3>星期三</option>

<option value=4>星期四</option>

<option value=5>星期五</option>

<option value=6>星期六</option>

<option value=7>星期日</option>

</select>

</li>

</ul>

</body>

</html> 

 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More