JS取得RadioButtonList的Value,Text及选中值等信息
JS取得RadioButtonList的Value,Text及选中值等信息
HTML部分
--------
Code
<asp:RadioButtonList ID="RadioButtonList1" runat="server"
RepeatColumns="4" RepeatDirection="horizontal">
<asp:ListItem Value="1" Text="A1"></asp:ListItem>
<asp:ListItem Value="2" Text="A2"></asp:ListItem>
<asp:ListItem Value="3" Text="A3"></asp:ListItem>
<asp:ListItem Value="4" Text="A4"></asp:ListItem>
<asp:ListItem Value="5" Text="A5"></asp:ListItem>
<asp:ListItem Value="6" Text="A6"></asp:ListItem>
<asp:ListItem Value="7" Text="A7"></asp:ListItem>
<asp:ListItem Value="8" Text="A8"></asp:ListItem>
<asp:ListItem Value="9" Text="A9"></asp:ListItem>
<asp:ListItem Value="10" Text="A10"></asp:ListItem>
</asp:RadioButtonList>
<input id="Button1" type="button" value="button" onclick="fn_GetRadioButtonListInfo();" />
<asp:RadioButtonList ID="RadioButtonList1" runat="server"
RepeatColumns="4" RepeatDirection="horizontal">
<asp:ListItem Value="1" Text="A1"></asp:ListItem>
<asp:ListItem Value="2" Text="A2"></asp:ListItem>
<asp:ListItem Value="3" Text="A3"></asp:ListItem>
<asp:ListItem Value="4" Text="A4"></asp:ListItem>
<asp:ListItem Value="5" Text="A5"></asp:ListItem>
<asp:ListItem Value="6" Text="A6"></asp:ListItem>
<asp:ListItem Value="7" Text="A7"></asp:ListItem>
<asp:ListItem Value="8" Text="A8"></asp:ListItem>
<asp:ListItem Value="9" Text="A9"></asp:ListItem>
<asp:ListItem Value="10" Text="A10"></asp:ListItem>
</asp:RadioButtonList>
<input id="Button1" type="button" value="button" onclick="fn_GetRadioButtonListInfo();" />
JS部分
-------
Code
function fn_GetRadioButtonListInfo()
{
//取得RadioButtonList的集合
var radListItems = document.all("RadioButtonList1");
if(radListItems==null)
{
alert("相关对象对空");
return false;
}
//弹出RadioButtonList的Item的个数
var radListItesCount = radListItems.length - 1 ;
alert("Item个数"+radListItesCount);
var radListCheckedValue = "";
//遍历Item的Text和Value
for(var i = 1; i <= radListItesCount ; i++ )
{
var itemInfo = "";
itemInfo += "第" + i +"Item ";
//Value
itemInfo += " Value: "+ radListItems[i].value;
//Text
//itemInfo += " Text: "+ radListItems[i].nextSibling.innerText ;
//或者
itemInfo += " Text: "+ radListItems[i].parentElement.childNodes[1].innerText ;
//是否是选中
itemInfo += " 是否选中: "+ radListItems[i].checked;
//
if(radListItems[i].checked)
radListCheckedValue = radListItems[i].value;
alert(itemInfo);
}
if(radListCheckedValue=="")
{
alert("没有选中值");
}
else
{
alert("选中Value 为 : "+radListCheckedValue);
}
return false;
}
function fn_GetRadioButtonListInfo()
{
//取得RadioButtonList的集合
var radListItems = document.all("RadioButtonList1");
if(radListItems==null)
{
alert("相关对象对空");
return false;
}
//弹出RadioButtonList的Item的个数
var radListItesCount = radListItems.length - 1 ;
alert("Item个数"+radListItesCount);
var radListCheckedValue = "";
//遍历Item的Text和Value
for(var i = 1; i <= radListItesCount ; i++ )
{
var itemInfo = "";
itemInfo += "第" + i +"Item ";
//Value
itemInfo += " Value: "+ radListItems[i].value;
//Text
//itemInfo += " Text: "+ radListItems[i].nextSibling.innerText ;
//或者
itemInfo += " Text: "+ radListItems[i].parentElement.childNodes[1].innerText ;
//是否是选中
itemInfo += " 是否选中: "+ radListItems[i].checked;
//
if(radListItems[i].checked)
radListCheckedValue = radListItems[i].value;
alert(itemInfo);
}
if(radListCheckedValue=="")
{
alert("没有选中值");
}
else
{
alert("选中Value 为 : "+radListCheckedValue);
}
return false;
}
posted on 2008-03-28 08:22 freeliver54 阅读(1825) 评论(4) 编辑 收藏 举报