jQuery中獲取Radio元素值的方法
更新時間：2013年07月02日 16:25:11 作者：
這篇文章介紹了jQuery中獲取Radio元素值的方法，有需要的朋友可以參考一下
又發(fā)現(xiàn)自己寫的JavaScript代碼在FireFox下運行出錯，原因很郁悶，在獲取一個Radio元素的值的時候只得到了 undefind。
谷歌了一下，大多跟我用的方法是一樣的
var value = $("input[name='radio1'][type='radio'][checked]").val();
這句在IE、Safari(3.2)下測試通過，但是在FireFox、Chrome下卻得不到選中的值。
仔細再看手冊，發(fā)現(xiàn)“表單對象屬性”這個列表。難道說對表單對象有專用的屬性判斷的方法？把代碼改一下
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版本下測試的，大家可以試一下。
谷歌了一下，大多跟我用的方法是一樣的
復制代碼 代碼如下:
var value = $("input[name='radio1'][type='radio'][checked]").val();
這句在IE、Safari(3.2)下測試通過，但是在FireFox、Chrome下卻得不到選中的值。
仔細再看手冊，發(fā)現(xiàn)“表單對象屬性”這個列表。難道說對表單對象有專用的屬性判斷的方法？把代碼改一下
復制代碼 代碼如下:
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 獲取表單text,areatext,radio,checkbox,select值的代碼
- 使用jQuery獲取radio/checkbox組的值的代碼收集
- jquery獲取ASP.NET服務器端控件dropdownlist和radiobuttonlist生成客戶端HTML標簽后的value和text值
- 如何使用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（單選框）是否選中和獲取選中值方法總結
- jQuery獲取radio選中項的值實例
相關文章
下面小編就為大家?guī)硪黄褂胘Query實現(xiàn)簡單的tab框實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了通過Ajax使用FormData對象無刷新上傳文件方法，具有一定的參考價值，感興趣的朋友可以了解一下。2016-12-12
DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法（排序，過濾，分頁等）
Datatables是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能。這篇文章主要介紹了DataTables+BootStrap組合使用Ajax來獲取數(shù)據(jù)并且動態(tài)加載dom的方法（排序，過濾，分頁等）,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細介紹了jQuery利用鍵盤上下鍵移動表格內容，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
ashx文件與.aspx文件類似，可以通過它來調用HttpHandler類。下面與大家介紹下jquery訪問ashx文件的過程2014-08-08
按Enter鍵觸發(fā)事件的jquery方法實現(xiàn)代碼
這篇文章主要介紹了按Enter鍵觸發(fā)事件的jquery方法,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了jQuery中insertBefore()方法用法,實例分析了insertBefore()方法的功能、定義及把匹配的元素插入到另一個指定的元素集合前面的使用技巧,需要的朋友可以參考下2015-01-01
jQuery基于json與cookie實現(xiàn)購物車的方法
這篇文章主要介紹了jQuery基于json與cookie實現(xiàn)購物車的方法,涉及jQuery操作json格式數(shù)據(jù)與cookie存儲購物車信息的相關技巧,需要的朋友可以參考下2016-04-04
本篇文章主要介紹了jquery css3問卷答題卡翻頁動畫效果，具有一定的參考價值，有需要的朋友可以了解一下。2016-10-10
checkbox全選反選的文章在以前也有介紹很多，實在是不想在提起了，然而身邊還是有些朋友不會，于是3分鐘寫出來一個估計有很多bug2013-10-10