jQuery獲取radio選中項(xiàng)的值實(shí)例
<title></title>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function () {
//沒(méi)有默認(rèn)選中的情況
//先判斷radio是否有選中項(xiàng),再獲取選中的值
$("#btnclick").click(function () {
//獲取選中項(xiàng)的value屬性
var chkRadio = $('input:radio[name="list"]:checked').val();
if (chkRadio == null) {
alert("沒(méi)有選中項(xiàng)");
return false;
} else {
alert(chkRadio);
}
});
//有默認(rèn)選中的情況
//獲取選中項(xiàng)的值,一般采用遍歷的方法,判斷哪一項(xiàng)選中,獲取其value屬性的值
$("#btnclick2").click(function () {
var chk2 = getRadioValue("list2");
alert(chk2);
});
function getRadioValue(radioName) {
var chkRadio = document.getElementsByName(radioName);
for (var i = 0; i < chkRadio.length; i++) {
if (chkRadio[i].checked)
return chkRadio[i].value;
}
}
})
</script>
</head>
<body>
<div>
<input type="radio" name="list" value="十分滿意" />十分滿意
<input type="radio" name="list" value="滿意" />滿意
<input type="radio" name="list" value="不滿意" />不滿意
<input type="radio" name="list" value="非常差" />非常差
</div>
<br />
<div>
<input type="radio" name="list2" value="十分滿意2" checked="checked" />十分滿意2
<input type="radio" name="list2" value="滿意2" />滿意2
<input type="radio" name="list2" value="不滿意2" />不滿意2
<input type="radio" name="list2" value="非常差2" />非常差2
</div>
<input type="button" value="確定" id="btnclick" />
<input type="button" value="確定2" id="btnclick2" />
</body>
</html>
演示截圖:
1.沒(méi)有默認(rèn)選中項(xiàng)的情況下,獲取為null:

2.沒(méi)有默認(rèn)選中項(xiàng)的情況下,獲取選中項(xiàng)的value值:

3.有選中項(xiàng)的情況下,獲取選中項(xiàng)的值:

以上就是本文的全部?jī)?nèi)容,希望這個(gè)方法也能給遇到相同問(wèn)題的其他人帶來(lái)幫助,也希望大家多多支持腳本之家。
- Jquery 獲取表單text,areatext,radio,checkbox,select值的代碼
- 使用jQuery獲取radio/checkbox組的值的代碼收集
- jquery獲取ASP.NET服務(wù)器端控件dropdownlist和radiobuttonlist生成客戶端HTML標(biāo)簽后的value和text值
- jQuery中獲取Radio元素值的方法
- 如何使用Jquery獲取Form表單中被選中的radio值
- jquery判斷RadioButtonList和RadioButton中是否有選中項(xiàng)示例
- Jquery 改變r(jià)adio/checkbox選中狀態(tài),獲取選中的值(示例代碼)
- jQuery獲取Radio,CheckBox選擇的Value值(示例代碼)
- jQuery根據(jù)ID獲取input、checkbox、radio、select的示例
- jquery獲取radio值(單選組radio)
- JQuery判斷radio是否選中并獲取選中值的示例代碼
- JQuery判斷radio(單選框)是否選中和獲取選中值方法總結(jié)
相關(guān)文章
jQuery動(dòng)態(tài)生成的元素綁定事件操作實(shí)例分析
這篇文章主要介紹了jQuery動(dòng)態(tài)生成的元素綁定事件操作,結(jié)合實(shí)例形式分析了jQuery事件綁定的原理及動(dòng)態(tài)生成的元素綁定事件相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果代碼,需要的朋友可以參考下。2011-08-08
jQuery實(shí)現(xiàn)刪除li節(jié)點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)刪除li節(jié)點(diǎn)的方法的相關(guān)資料,需要的朋友可以參考下2016-12-12
JQuery判斷子iframe何時(shí)加載完成解決方案
需要知道iframe何時(shí)加載完成,用JQuery很簡(jiǎn)單就能實(shí)現(xiàn),具體如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08
jquery獲取transform里的值實(shí)現(xiàn)方法
下面小編就為大家分享一篇jquery獲取transform里的值實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12

