DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js獲取RadioButtonList的Value/Text及選中值等信息實現代碼
js獲取RadioButtonList的Value/Text及選中值等信息實現代碼
編輯:關於JavaScript     
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);//結果為1
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved