javascript - java脚本中的单选按钮检查

Question

这是我的单选按钮，当我单击提交按钮时，我想通过警报从列表中获取值，但值没有出现

<asp:RadioButtonList ID="Titlerbl" runat="server" CssClass="tit" RepeatDirection="Horizontal" ValidationGroup="grt"> <asp:ListItem>MR</asp:ListItem><asp:ListItem>MS</asp:ListItem> <asp:ListItem>DR</asp:ListItem> </asp:RadioButtonList>

这是java脚本

var radio = document.getElementById("Titlerbl").value;
 for (var j = 0; j < radio.length; j++)
 {
        if (radio[j].checked)
            alert(radio[j].value);
 }

Answer 1

var radio = document.getElementById("Titlerbl").value;

应该改为

var radio = document.getElementById("Titlerbl");

Answer 2

首先在您的标记中，您为容器列表分配 id，而不是为单选按钮元素分配 id。

所以渲染的 HTML 看起来像

<table id="Titlerbl">
    <tr>
        <td>
            <input id="Titlerbl_0" type="radio" name="radiolist1" value="Item 1" checked="checked">
            <label for="Titlerbl_0">Item 1</label>
        </td>
    </tr>
    <tr>
        <td>
            <input id="Titlerbl_1" type="radio" name="radiolist1" value="Item 2">
            <label for="Titlerbl_1">Item 2</label>
        </td>
    </tr>
</table>

所以你可以使用 jquery 使用：

<script>
    $(document).ready(function(){
       var value = $('#Titlerbl input[type=radio]:checked').val();
       alert(value);
    })
</script>