jQuery獲取radio選中項的值實例
更新時間:2016年06月18日 11:38:48 作者:酷小孩
本文主要介紹jQuery獲取radio選中項的值的方法,希望能幫到大家,有需要的朋友可以參考一下。
<title></title> <script src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function () { //沒有默認(rèn)選中的情況 //先判斷radio是否有選中項,再獲取選中的值 $("#btnclick").click(function () { //獲取選中項的value屬性 var chkRadio = $('input:radio[name="list"]:checked').val(); if (chkRadio == null) { alert("沒有選中項"); return false; } else { alert(chkRadio); } }); //有默認(rèn)選中的情況 //獲取選中項的值,一般采用遍歷的方法,判斷哪一項選中,獲取其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.沒有默認(rèn)選中項的情況下,獲取為null:
2.沒有默認(rèn)選中項的情況下,獲取選中項的value值:
3.有選中項的情況下,獲取選中項的值:
以上就是本文的全部內(nè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中是否有選中項示例
- Jquery 改變radio/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+JS實現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
JQuery+JS實現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果代碼,需要的朋友可以參考下。2011-08-08jquery獲取transform里的值實現(xiàn)方法
下面小編就為大家分享一篇jquery獲取transform里的值實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12