javascript - 使用 Javascript 检查 RadioButtonList 的值

Question

我有一个 Javascript 函数，它根据 RadioButtonList 中选择的值采取不同的操作:

 <asp:RadioButtonList ID="rbtLocation" runat="server" RepeatDirection="Horizontal"
                    RepeatLayout="Table" onclick="javascript:Setup()">
                    <asp:ListItem Selected="First" Text="First" Value="First"></asp:ListItem>
                    <asp:ListItem Text="Second" Value="Second"></asp:ListItem>
                </asp:RadioButtonList>

我的 JavaScript 函数:

function Setup()
    {
        var radioButtons = document.getElementsByName("<%=rbtLocation.ClientID%>");

        for (var x = 0; x < radioButtons.length; x++)
        {
            if (radioButtons[x].checked)
            {
                alert("You checked " + radioButtons[x].id + " which has the value " + radioButtons[x].value);
                if (value == "First")
                {
                    alert("Do this");
                }
                else
                {
                    alert("Do that");
                }

            }
        } 
    }

但是 if 语句 if (radioButtons[x].checked) 的内容永远不会被执行。我检查了一些来源，但在我的代码中看不到错误。

Answer 1

根据此修改您的 JavaScript 函数。

函数设置() {

        var radioButtons =  $('#<%=rbtLocation.ClientID %> input[type=radio]:checked').val()
        alert(radioButtons);            
        if (radioButtons == "First") {
                        alert("Do this");
                    }
                    else {
                        alert("Do that");
                    }
    }