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