如何在javascript中获取radiobutton选择的值 [英] How to get the radiobutton selected value in javascript

查看:105
本文介绍了如何在javascript中获取radiobutton选择的值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述







如何在javascript中获取radiobutton列表选择值。任何人都建议我





问候,

Rahul。

解决方案

输入元素radio具有用于此目的的属性 checked

http://www.w3schools.com/jsref/dom_obj_radio.asp [ ^ ],

http: //www.w3schools.com/jsref/prop_radio_checked.asp [ ^ ]。



-SA


Refer - 通过javascript获取radiobuttonlist的值? [ ^ ]。


试试这个实际例子。 。



 <   html     xmlns   =  http://www.w3.org/1999/xhtml >  
< span class =code-keyword>< head id = Head1 runat = server >
< titl e > < / title >

< script type = text / javascript >

var alertradio = function( ){
var rb = document.getElementById(<% = rb.ClientID %> );
var inputs = rb.getElementsByTagName('input');
var flag = false;选择
var;
for(var i = 0; i < inputs.length; i ++) {

if (inputs [i] .checked) {

< span class =code-attribute>
已选择 = inputs [i];

flag = true;

break;

}

}

< span class =code-attribute> if
(flag)

alert(selected.value);

< span class =code-attribute> else

alert('Please 选择 一个 option');



}









< / script >
< / head >
< 正文 >
< 表格 id = form1 runat = 服务器 >
< span class =code-keyword>< asp:RadioButtonList ID = rb runat = server >
< < span class =code-leadattribute> asp:ListItem 文本 = 一个 / >
< asp:ListItem 文字 = 两个 / >
< asp: ListItem 文字 = / >
< asp:ListItem 文字 = / >
< / asp:RadioButtonList >
< asp:按钮 ID = btn runat = server 文字 = 测试 OnClientClick = alertradio( );返回false; / >
< / form > ;
< / body >
< / html >


Hi,


How to get the radiobutton list selected value in javascript.could any one suggest me


Regards,
Rahul.

解决方案

The input element "radio" has the property checked to be used for this purpose:
http://www.w3schools.com/jsref/dom_obj_radio.asp[^],
http://www.w3schools.com/jsref/prop_radio_checked.asp[^].

—SA


Refer - get the value from radiobuttonlist through javascript?[^].


Hi , Try this practical example..

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
   
    <script type="text/javascript">

        var alertradio = function () {
            var rb = document.getElementById("<%=rb.ClientID%>");
            var inputs = rb.getElementsByTagName('input');
            var flag = false;
            var selected;
            for (var i = 0; i < inputs.length; i++) {

                if (inputs[i].checked) {

                    selected = inputs[i];

                    flag = true;

                    break;

                }

            }

            if (flag)

                alert(selected.value);

            else

                alert('Please select an option');



        }









    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:RadioButtonList ID="rb" runat="server">
        <asp:ListItem Text="one" />
        <asp:ListItem Text="two" />
        <asp:ListItem Text="three" />
        <asp:ListItem Text="four" />
    </asp:RadioButtonList>
    <asp:Button ID="btn" runat="server" Text="Test" OnClientClick="alertradio(); return false;" />
    </form>
</body>
</html>


这篇关于如何在javascript中获取radiobutton选择的值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆