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>
- 基于jquery的網(wǎng)頁SELECT下拉框美化代碼
- jquery取消選擇select下拉框示例代碼
- jQuery實現(xiàn)下拉框左右選擇的簡單實例
- JQuery下拉框應用示例介紹
- 一個簡單的jquery的多選下拉框(自寫)
- 基于jquery實現(xiàn)的可編輯下拉框實現(xiàn)代碼
- 基于jQuery實現(xiàn)下拉框
- jQuery制作簡潔的多級聯(lián)動Select下拉框
- jQuery+easyui中的combobox實現(xiàn)下拉框特效
- JQuery select（下拉框）操作方法匯總
- jQuery實現(xiàn)下拉框選擇圖片功能實例
- jquery實現(xiàn)select下拉框美化特效代碼分享
- jQuery下拉美化搜索表單效果代碼分享
相關文章
這篇文章主要介紹了jQuery的緩存機制淺析,并且模擬jQuery自己寫了一個簡單的緩存系統(tǒng)實例,需要的朋友可以參考下2014-06-06
jQuery的ready函數(shù)為我們編寫打開頁面時運行的腳本提供了方便，讓我們不必再關注什么window.onLoad之類的事件，但是最近發(fā)現(xiàn)自己之前寫的代碼有點濫用這個函數(shù)了。2011-02-02
jQuery+formdata實現(xiàn)上傳進度特效遇到的問題
這篇文章主要介紹了jQuery+formdata實現(xiàn)上傳進度特效遇到的問題的相關資料,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了jQuery之關于resize()方法的使用，具有很好的價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07![Javascript 驗證上傳圖片大小[客戶端]](http://img.jbzj.com/images/xgimg/bcimg4.png)
在做上傳圖片的時候，如果不限制上傳圖片大小，后果非常的嚴重。那么我們怎樣才可以解決一個棘手的問題呢？2009-08-08
使用jQuery的load方法設計動態(tài)加載及解決被加載頁面js失效問題
這篇文章主要介紹了使用jQuery的load方法設計動態(tài)加載及解決被加載頁面js失效問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery中dequeue()方法用法,實例分析了dequeue()方法的功能、定義、使用技巧與相關注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單的輪播圖效果，實現(xiàn)自動播放，能手動切換，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
下面小編就為大家?guī)硪黄猨query 判斷是否支持Placeholder屬性的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了jQuery實現(xiàn)的移動端圖片縮放功能組件,結合實例形式詳細分析了jQuery基于移動端的圖片縮放功能組件實現(xiàn)原理、步驟、核心代碼及使用技巧,需要的朋友可以參考下2020-05-05