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，而不是为单选按钮元素分配。

所以渲染的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>

在javascript中检查单选按钮

2 个答案: