jQuery獲取(選中)單選,復(fù)選框,下拉框中的值
實例如下：
<!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);
// 獲取單個復(fù)選框的值
var d = $("input[name='checkName'][checked]").val();
alert(d);
// 獲取多個復(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>請選澤</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下拉框應(yīng)用示例介紹
- 一個簡單的jquery的多選下拉框(自寫)
- 基于jquery實現(xiàn)的可編輯下拉框?qū)崿F(xiàn)代碼
- 基于jQuery實現(xiàn)下拉框
- jQuery制作簡潔的多級聯(lián)動Select下拉框
- jQuery+easyui中的combobox實現(xiàn)下拉框特效
- JQuery select（下拉框）操作方法匯總
- jQuery實現(xiàn)下拉框選擇圖片功能實例
- jquery實現(xiàn)select下拉框美化特效代碼分享
- jQuery下拉美化搜索表單效果代碼分享
相關(guān)文章
這篇文章主要介紹了JQuery異步加載PartialView的方法,涉及jQuery與asp.net交互及異步操作相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
做前端開發(fā)的朋友對于ajax異步更新一定印象深刻，本文主要介紹了關(guān)于ajax異步請求的那點(diǎn)事，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
基于jquery的修改當(dāng)前TAB顯示標(biāo)題的代碼
在當(dāng)前tab選項卡中單擊鏈接后，新內(nèi)容在當(dāng)前選項卡中顯示，但標(biāo)題內(nèi)容還是上一頁標(biāo)題要改為新的標(biāo)題。2010-12-12
jquery keypress,keyup,onpropertychange鍵盤事件
項目所需，在試圖用js實現(xiàn)這樣的功能：文本框失去焦點(diǎn)時，判斷輸入字符串的長度，以驗證是否超出范圍，超出范圍則自動截取。2010-06-06
本文主要給大家介紹的是在jQuery中使用delegate的時候遇到的幾個小小的坑，主要是習(xí)慣了使用bind,live，一時改不過來的問題，這里記錄下來推薦給大家。2015-07-07
easyui取消表單實時驗證,提交時統(tǒng)一驗證的簡單實例
jquery檢測input checked 控件是否被選中的方法
