js獲取RadioButtonList的Value/Text及選中值等信息實現(xiàn)代碼
更新時間：2013年03月05日 15:09:27 作者：
RadioButtonList的Value,Text及選中值等信息想必有很多的朋友都想獲取到，接下來將為你介紹下如何使用js獲取，代碼很詳細(xì)，感興趣的你可以參考下，或許對你有所幫助
HTML代碼
<asp:RadioButtonList ID="rbtnCompany" runat="server"
RepeatColumns="4" RepeatDirection="horizontal">
<asp:ListItem Value="1" Text="A"></</SPAN>asp:ListItem>
<asp:ListItem Value="2" Text="B"></</SPAN>asp:ListItem>
<asp:ListItem Value="3" Text="C"></</SPAN>asp:ListItem>
<asp:ListItem Value="4" Text="D"></</SPAN>asp:ListItem>
<asp:RadioButtonList>
<input id="Button1" type="button" value="button" onclick="return RadioButtonList1Changed()"
JS代碼：
function RadioButtonList1Changed()
{
var rbtn = document.getElementByIdx_x("rbtnCompany");
//得到所有radio
var list= rbtn .getElementsByTagName_r("input");
for (var i = 0; i < list.length; i++) {
if (vRbtidList[i].checked) {
var text = rbtn .cells[i].innerText;
var value = list[i].value;
alert("選中項的text值為" + text + ",value值為" + value);
}
}
}
可以指定獲取某個值 ，下面的語句是合并寫的。獲取索引為0的第一項的value
alert(document.getElementByIdx_x("rbtnCompany").getElementsByTagName_r("input")[0].value);//結(jié)果為1
復(fù)制代碼 代碼如下:
<asp:RadioButtonList ID="rbtnCompany" runat="server"
RepeatColumns="4" RepeatDirection="horizontal">
<asp:ListItem Value="1" Text="A"></</SPAN>asp:ListItem>
<asp:ListItem Value="2" Text="B"></</SPAN>asp:ListItem>
<asp:ListItem Value="3" Text="C"></</SPAN>asp:ListItem>
<asp:ListItem Value="4" Text="D"></</SPAN>asp:ListItem>
<asp:RadioButtonList>
<input id="Button1" type="button" value="button" onclick="return RadioButtonList1Changed()"
JS代碼：
復(fù)制代碼 代碼如下:
function RadioButtonList1Changed()
{
var rbtn = document.getElementByIdx_x("rbtnCompany");
//得到所有radio
var list= rbtn .getElementsByTagName_r("input");
for (var i = 0; i < list.length; i++) {
if (vRbtidList[i].checked) {
var text = rbtn .cells[i].innerText;
var value = list[i].value;
alert("選中項的text值為" + text + ",value值為" + value);
}
}
}
可以指定獲取某個值 ，下面的語句是合并寫的。獲取索引為0的第一項的value
復(fù)制代碼 代碼如下:
alert(document.getElementByIdx_x("rbtnCompany").getElementsByTagName_r("input")[0].value);//結(jié)果為1
您可能感興趣的文章:
- Js得到radiobuttonlist選中值的兩種方法(推薦)
- js判斷radiobuttonlist的選中值顯示/隱藏其它模塊的實現(xiàn)方法
- javascript RadioButtonList獲取選中值
- js中獲取jsp表單中radio類型的值簡單實例
- JavaScript中獲取Radio被選中的值
- js獲取 type=radio 值的方法
- JS 如何獲取radio選中后的值及不選擇取radio的值
- 用js的for循環(huán)獲取radio選中的值
- js 獲取radio按鈕值的實例
- 用 Javascript 驗證表單(form)中的單選(radio)值
- javascript radio值獲取代碼
- JavaScript獲取radio選中值的幾種常用方法小結(jié)
相關(guān)文章
uniapp使用navigateBack方法返回上級頁面并刷新的簡單示例
最近寫uniapp項目的時候發(fā)現(xiàn)有時候需要更新頁面數(shù)據(jù),所以下面這篇文章主要給大家介紹了關(guān)于uniapp使用navigateBack方法返回上級頁面并刷新的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
在本篇內(nèi)容中小編給各位分享的是關(guān)于如何使用JS控制下拉列表左右選擇的實例代碼，需要的朋友們可以參考下。2020-05-05
JavaScript字符串插入、刪除、替換函數(shù)使用示例
本文為大家介紹下JavaScript字符串的插入、刪除、替換函數(shù)的在實際中的應(yīng)用，想要學(xué)習(xí)的朋友可以參考下哈，希望對初學(xué)者有所幫助2013-07-07
JS簡單獲取客戶端IP地址的方法【調(diào)用搜狐接口】
這篇文章主要介紹了JS簡單獲取客戶端IP地址的方法,通過調(diào)用搜狐接口來簡單實現(xiàn)獲取訪客IP地址的功能,非常簡便實用,需要的朋友可以參考下2016-09-09
JavaScript延時效果比較不錯的...2007-08-08
js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解
這篇文章主要介紹了js 數(shù)組當(dāng)前行添加數(shù)據(jù)方法詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
用按鈕控制iframe顯示的網(wǎng)頁實現(xiàn)方法
在iframe中顯示的網(wǎng)頁已經(jīng)是一件平凡無奇的事了，不過可能依然有很多的童鞋沒不知所措吧，沒關(guān)系，因為本文的出現(xiàn)將會帶你脫離苦海，感性的朋友可以了解下啊，或許對你有所幫助2013-02-02
在JavaScript中,處理時間和日期是常見任務(wù)之一,涉及到從用戶界面的日期選擇器到服務(wù)器上的時間戳,再到時間間隔的計算,本文將深入探討JavaScript中的時間處理,需要的朋友可以參考下2023-09-09
本篇文章給大家分享了關(guān)于JavaScript中操作符和表達(dá)式的相關(guān)知識點內(nèi)容，有興趣的朋友們參考下吧。2018-09-09
這篇文章主要介紹了JS?Date時間格式化的方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01