jQuery中獲取Radio元素值的方法

更新時間：2013年07月02日 16:25:11 作者：

這篇文章介紹了jQuery中獲取Radio元素值的方法，有需要的朋友可以參考一下

又發(fā)現自己寫的JavaScript代碼在FireFox下運行出錯，原因很郁悶，在獲取一個Radio元素的值的時候只得到了 undefind。
谷歌了一下，大多跟我用的方法是一樣的

復制代碼代碼如下:

var value = $("input[name='radio1'][type='radio'][checked]").val();

這句在IE、Safari(3.2)下測試通過，但是在FireFox、Chrome下卻得不到選中的值。
仔細再看手冊，發(fā)現“表單對象屬性”這個列表。難道說對表單對象有專用的屬性判斷的方法？把代碼改一下

復制代碼代碼如下:

var value = $("input[name='radio1'][type='radio']:checked").val();

在IE、FireFox、Chrome、Safari(3.2)下測試均通過。
順便測試了select元素，手冊上的寫法跟我常用的寫法，在上述幾個瀏覽器下都可以獲取到正確的值。

復制代碼代碼如下:

var value1 = $("select").val(); var value2 = $("select option:selected").val();

我是在jQuery 1.32版本下測試的，大家可以試一下。

您可能感興趣的文章:

Jquery實現獲取子元素的方法分析
這篇文章主要介紹了Jquery實現獲取子元素的方法,結合實例形式分析了jQuery針對頁面元素的查找、獲取相關操作技巧,需要的朋友可以參考下
2019-08-08
JavaScript的jQuery庫中function的存在和參數問題
這篇文章主要介紹了JavaScript的jQuery庫中function的存在和參數問題,包括function的參數傳遞和檢測一個jQuery方法是否存在等,需要的朋友可以參考下
2015-08-08
jquery()函數的三種語法介紹
jquery()函數有三種不同的語法，在本文將為大家詳細介紹下，感興趣的朋友不要錯過
2013-10-10
jquery可見性過濾選擇器使用示例
可見性過濾選擇器對于dom中隱藏的一些元素還是比較實用的，具體的使用方法如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-06-06
struts2 jquery 打造無限層次的樹
需要:Struts2 , jquery樹插件模擬數據庫數據:每行數據包括--自己ID,自己內容,父親ID
2009-10-10
jQuery的控件及事件(輸入控件及回車事件)使用示例
本文為大家介紹下jQuery的輸入控件及回車事件的應用，具體示例代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
2013-07-07
jQuery使用手冊之一
jQuery使用手冊之一...
2007-03-03
jquery獲得當前html頁面源碼的方法
這篇文章主要介紹了jquery獲得當前html頁面源碼的方法,涉及jquery針對頁面元素的相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
深入理解jquery中extend的實現
extend()是jQuery中一個重要的函數，作用是實現對對象的擴展, 它經常用于jQuery插件的開發(fā)，jQuery內部也使用它來擴展屬性方法，如noConflict方法，就是用extend方法來擴展的。下面來一起深入的再學習下jquery中extend的實現吧。
2016-12-12
jquery實現加載更多"轉圈圈"效果(示例代碼)
這篇文章主要介紹了jquery實現加載更多"轉圈圈"效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-11-11