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>

これはジャバスクリプトです

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 を割り当てます。

レンダリングされた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 use を使用して行うことができます：

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