Js獲取單選框radio的幾種方式
更新時間：2023年12月02日 10:37:07 作者：widenstage
這篇文章主要介紹了Js獲取單選框radio的幾種方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Js獲取單選框radio
首先編寫HTML
如下：
<form id="form1">
<table border="0">
<tr>
<td>年齡段：</td>
<td>
<input type="radio" name="age" value="18" />小于18歲
<input type="radio" name="age" value="18-40" checked="checked" />18-40歲
<input type="radio" name="age" value="40" />40以上
</td>
</tr>
<tr>
<td>分數(shù)：</td>
<td>
<input type="radio" name="score" value="60" />小于60分
<input type="radio" name="score" value="60-80" checked="checked" />60-80分
<input type="radio" name="score" value="80" />80分以上
</td>
</tr>
</table>
</form>方法
function readradio() {
// 方法一
var item = null;
var obj = document.getElementsByName("age")
for (var i = 0; i < obj.length; i++) { //遍歷Radio
if (obj[i].checked) {
item = obj[i].value;
}
}
alert(item);
// 方法二 jquery版本在1.3之前 (FF和chrome下無效)
item = $('input[name=age][checked]').val();
alert(item);
// jquery 1.3 之后使用
item = $('input[name=age]:checked').val();
alert(item);
// 方法三 jquery 讀取多個 版本在1.3之前 (FF和chrome下無效)
$("input[type=radio][checked]").each(function() {
item = $(this).val();
alert(item);
})
// jquery 1.3 之后使用
$("input[type=radio]:checked").each(function() {
item = $(this).val();
alert(item);
})
}總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JavaScript函數(shù)定義方法,結合實例形式較為詳細的分析了javascript函數(shù)的聲明、定義、調用等原理與常見操作技巧,需要的朋友可以參考下2019-03-03
本文給大家分享的是如何解決獲取JavaScript異步函數(shù)返回值的經歷及最后的解決方法，有需要的小伙伴可以參考下2016-12-12
這篇文章主要介紹了正則表達式優(yōu)化JSON字符串的技巧的相關資料,需要的朋友可以參考下2015-12-12
這篇文章主要是對Javascript變量作用域進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
javaScript給元素添加多個class的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avaScript給元素添加多個class的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
javascript的onchange事件與jQuery的change()方法比較
本來是想添加文本框文本內容改變事件動作的，結果找了許多這方面的javascript代碼都不如意。2009-09-09
網(wǎng)頁上可以自由改變字體大小是個非常有助于用戶體驗的小功能，現(xiàn)在許多網(wǎng)站上都有此功能，今天我們來簡單實現(xiàn)下。2015-04-04
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)經典window掃雷游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
JavaScript實現(xiàn)動態(tài)表格的示例代碼
動態(tài)表格是指在網(wǎng)頁上顯示的數(shù)據(jù)表格,可以根據(jù)用戶輸入或頁面元素的變化動態(tài)更新內容,本文主要介紹了JavaScript實現(xiàn)動態(tài)表格的示例代碼,感興趣的可以了解一下2024-04-04
這篇文章介紹了JS+Canvas實現(xiàn)貪吃蛇小游戲，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-01-01