jQuery中獲取Radio元素值的方法
更新時(shí)間：2013年07月02日 16:25:11 作者：
這篇文章介紹了jQuery中獲取Radio元素值的方法，有需要的朋友可以參考一下
又發(fā)現(xiàn)自己寫(xiě)的JavaScript代碼在FireFox下運(yùn)行出錯(cuò)，原因很郁悶，在獲取一個(gè)Radio元素的值的時(shí)候只得到了 undefind。
谷歌了一下，大多跟我用的方法是一樣的
var value = $("input[name='radio1'][type='radio'][checked]").val();
這句在IE、Safari(3.2)下測(cè)試通過(guò)，但是在FireFox、Chrome下卻得不到選中的值。
仔細(xì)再看手冊(cè)，發(fā)現(xiàn)“表單對(duì)象屬性”這個(gè)列表。難道說(shuō)對(duì)表單對(duì)象有專用的屬性判斷的方法？把代碼改一下
var value = $("input[name='radio1'][type='radio']:checked").val();
在IE、FireFox、Chrome、Safari(3.2)下測(cè)試均通過(guò)。
順便測(cè)試了select元素，手冊(cè)上的寫(xiě)法跟我常用的寫(xiě)法，在上述幾個(gè)瀏覽器下都可以獲取到正確的值。
var value1 = $("select").val(); var value2 = $("select option:selected").val();
我是在jQuery 1.32版本下測(cè)試的，大家可以試一下。
谷歌了一下，大多跟我用的方法是一樣的
復(fù)制代碼 代碼如下:
var value = $("input[name='radio1'][type='radio'][checked]").val();
這句在IE、Safari(3.2)下測(cè)試通過(guò)，但是在FireFox、Chrome下卻得不到選中的值。
仔細(xì)再看手冊(cè)，發(fā)現(xiàn)“表單對(duì)象屬性”這個(gè)列表。難道說(shuō)對(duì)表單對(duì)象有專用的屬性判斷的方法？把代碼改一下
復(fù)制代碼 代碼如下:
var value = $("input[name='radio1'][type='radio']:checked").val();
在IE、FireFox、Chrome、Safari(3.2)下測(cè)試均通過(guò)。
順便測(cè)試了select元素，手冊(cè)上的寫(xiě)法跟我常用的寫(xiě)法，在上述幾個(gè)瀏覽器下都可以獲取到正確的值。
復(fù)制代碼 代碼如下:
var value1 = $("select").val(); var value2 = $("select option:selected").val();
我是在jQuery 1.32版本下測(cè)試的，大家可以試一下。
您可能感興趣的文章:
- Jquery 獲取表單text,areatext,radio,checkbox,select值的代碼
- 使用jQuery獲取radio/checkbox組的值的代碼收集
- jquery獲取ASP.NET服務(wù)器端控件dropdownlist和radiobuttonlist生成客戶端HTML標(biāo)簽后的value和text值
- 如何使用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é)
- jQuery獲取radio選中項(xiàng)的值實(shí)例
相關(guān)文章
這篇文章主要介紹了Jquery實(shí)現(xiàn)獲取子元素的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素的查找、獲取相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
JavaScript的jQuery庫(kù)中function的存在和參數(shù)問(wèn)題
這篇文章主要介紹了JavaScript的jQuery庫(kù)中function的存在和參數(shù)問(wèn)題,包括function的參數(shù)傳遞和檢測(cè)一個(gè)jQuery方法是否存在等,需要的朋友可以參考下2015-08-08
jquery()函數(shù)有三種不同的語(yǔ)法，在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過(guò)2013-10-10
可見(jiàn)性過(guò)濾選擇器對(duì)于dom中隱藏的一些元素還是比較實(shí)用的，具體的使用方法如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
struts2 jquery 打造無(wú)限層次的樹(shù)
需要:Struts2 , jquery樹(shù)插件 模擬數(shù)據(jù)庫(kù)數(shù)據(jù):每行數(shù)據(jù)包括--自己ID,自己內(nèi)容,父親ID2009-10-10
本文為大家介紹下jQuery的輸入控件及回車事件的應(yīng)用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
jQuery使用手冊(cè)之一...2007-03-03
jquery獲得當(dāng)前html頁(yè)面源碼的方法
這篇文章主要介紹了jquery獲得當(dāng)前html頁(yè)面源碼的方法,涉及jquery針對(duì)頁(yè)面元素的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
深入理解jquery中extend的實(shí)現(xiàn)
extend()是jQuery中一個(gè)重要的函數(shù)，作用是實(shí)現(xiàn)對(duì)對(duì)象的擴(kuò)展, 它經(jīng)常用于jQuery插件的開(kāi)發(fā)，jQuery內(nèi)部也使用它來(lái)擴(kuò)展屬性方法，如noConflict方法，就是用extend方法來(lái)擴(kuò)展的。下面來(lái)一起深入的再學(xué)習(xí)下jquery中extend的實(shí)現(xiàn)吧。2016-12-12
jquery實(shí)現(xiàn)加載更多"轉(zhuǎn)圈圈"效果(示例代碼)
這篇文章主要介紹了jquery實(shí)現(xiàn)加載更多"轉(zhuǎn)圈圈"效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-11-11