Js獲取單選框radio的幾種方式
更新時(shí)間:2023年12月02日 10:37:07 作者:widenstage
這篇文章主要介紹了Js獲取單選框radio的幾種方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
Js獲取單選框radio
首先編寫(xiě)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>分?jǐn)?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下無(wú)效)
item = $('input[name=age][checked]').val();
alert(item);
// jquery 1.3 之后使用
item = $('input[name=age]:checked').val();
alert(item);
// 方法三 jquery 讀取多個(gè) 版本在1.3之前 (FF和chrome下無(wú)效)
$("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);
})
}總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript函數(shù)定義方法實(shí)例詳解
這篇文章主要介紹了JavaScript函數(shù)定義方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript函數(shù)的聲明、定義、調(diào)用等原理與常見(jiàn)操作技巧,需要的朋友可以參考下2019-03-03
javaScript給元素添加多個(gè)class的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇javaScript給元素添加多個(gè)class的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
javascript的onchange事件與jQuery的change()方法比較
本來(lái)是想添加文本框文本內(nèi)容改變事件動(dòng)作的,結(jié)果找了許多這方面的javascript代碼都不如意。2009-09-09
javascript實(shí)現(xiàn)控制文字大中小顯示
網(wǎng)頁(yè)上可以自由改變字體大小是個(gè)非常有助于用戶體驗(yàn)的小功能,現(xiàn)在許多網(wǎng)站上都有此功能,今天我們來(lái)簡(jiǎn)單實(shí)現(xiàn)下。2015-04-04
微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-09-09
JavaScript實(shí)現(xiàn)動(dòng)態(tài)表格的示例代碼
動(dòng)態(tài)表格是指在網(wǎng)頁(yè)上顯示的數(shù)據(jù)表格,可以根據(jù)用戶輸入或頁(yè)面元素的變化動(dòng)態(tài)更新內(nèi)容,本文主要介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)表格的示例代碼,感興趣的可以了解一下2024-04-04

