Js獲取單選框radio的幾種方式
更新時(shí)間:2023年12月02日 10:37:07 作者:widenstage
這篇文章主要介紹了Js獲取單選框radio的幾種方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
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>分?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下無效)
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下無效)
$("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ù)的調(diào)用與寫法實(shí)例詳解(多種)
js中定義函數(shù)的方式有很多種,函數(shù)直接量就是其中一種,下面通過本文給大家介紹匿名函數(shù)是如何調(diào)用的及匿名函數(shù)的n中寫法,對(duì)js匿名函數(shù)調(diào)用,js匿名函數(shù)寫法相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
Js調(diào)用Java方法并互相傳參的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄狫s調(diào)用Java方法并互相傳參的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
基于JS實(shí)現(xiàn)計(jì)算24點(diǎn)算法代碼實(shí)例解析
這篇文章主要介紹了基于JS實(shí)現(xiàn)計(jì)算24點(diǎn)算法代碼實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
JS加jquery簡(jiǎn)單實(shí)現(xiàn)標(biāo)簽元素的顯示或隱藏
標(biāo)簽元素的顯示或隱藏在使用中還是挺頻繁的,下面有個(gè)不錯(cuò)的示例,大家可以參考下,或許有所幫助2013-09-09
JavaScript實(shí)現(xiàn)響應(yīng)式橫向多級(jí)菜單的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)響應(yīng)式橫向多級(jí)菜單功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2025-06-06
使用 bootstrap modal遇到的問題小結(jié)
bootstrap提供了一個(gè)寫好的css文件和js文件然而在使用時(shí)遇到了一下并不是很好的問題,今天在使用彈出對(duì)話框時(shí)遇到了一個(gè)這樣的問題,今天小編給大家分享下使用 bootstrap modal遇到的問題小結(jié),一起看看吧2016-11-11

