zoukankan
html css js c++ java
JS取得RadioButtonList的Value,Text及选中值等信息
<
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:RadioButtonList
>
<
input id
=
"
Button1
"
type
=
"
button
"
value
=
"
button
"
onclick
=
"
fn_GetRadioButtonListInfo();
"
/>
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
;
}
查看全文
相关阅读:
通过ADB命令查看当前Android运行程序的页面信息
C#中发起GET和POST请求的方法
CocoaPods使用
Carthage使用
Mac终端常用命令和操作
Mac OS环境变量配置
Mac OS包管理器Homebrew
js利用localStroage实现一个页面栈
vue-cli快速搭建Vue脚手架 (vue-cli 3.x 模板)
yarn和npm常用命令
原文地址:https://www.cnblogs.com/a121984376/p/1245886.html
最新文章
bulma入门
typeScript入门教程
Javascript 标准参考教程
深拷贝
关于js的面相对象
[VS]
[VS]
[VS]
[PDF]
在 VMware 中安装 MacOS 全记录
热门文章
[Visual Studio]
[Visual Studio]
请求部署在 IIS7.5 上的 REST 服务的 Put/Post/Delete 操作发生 HTTP Error 405.0
[Asp.Net Core]
[DevExpress]
[Nuget]
[WinForm]
[Asp.Net Core]
[DevExpress]
Android 模块化开发
Copyright © 2011-2022 走看看