javascript - 使用 javascript 循环访问 ASP.NET 单选按钮列表以获取选定的值和文本

Question

我正在创建一个问题和答案页面，答案是 ASP.NET 单选按钮列表的集合，如下所示:`

<div class="col-md-4">
                <asp:RadioButtonList ID="Q1AnswersRadioButtonList" runat="server" RepeatLayout="Flow">
                    <asp:ListItem Value="Q1OptionARadioButton"></asp:ListItem>
                    <asp:ListItem Value="Q1OptionBRadioButton"></asp:ListItem>
                    <asp:ListItem Value="Q1OptionCRadioButton"></asp:ListItem>
                    <asp:ListItem Value="Q1OptionDRadioButton"></asp:ListItem>
                </asp:RadioButtonList>
                <br />
                &nbsp;<textarea class="text-danger" id="Q1CorrectAnswerText" name="Q1CorrectAnswerText" readonly="readonly" wrap="soft"></textarea>
            </div>

现在，我使用以下 JavaScript 函数进行循环以找出用户选择了哪一个。以下是 JavaScript 代码。

function GetUserAnswerOneSelection()
{
var elementRef = document.getElementById('Q1AnswersRadioButtonList');
var radioButtonListArray = elementRef.getElementsByTagName('input');
var checkedValues = '';

for (var i = 0; i < radioButtonListArray.length; i++) {
    var radioButtonRef = radioButtonListArray[i];

    if (radioButtonRef.checked == true) {
        // To get the Text property, use this code:
        var labelArray =   radioButtonRef.parentNode.getElementsByTagName('label');
        if (labelArray.length > 0) {
            if (checkedValues.length > 0)
                checkedValues += ', ';
            checkedValues += labelArray[i].innerHTML;
        }
    }
}

userAnswer1 = checkedValues;
return userAnswer1;

}

现在的问题是，它总是在这一行中断 var radioButtonListArray = elementRef.getElementsByTagName('input'); 以及未定义的报告。 我需要帮助。

Answer 1

尝试将 ClientIDMode="Static" 放入 asp:RadioButtonList 中，以便您能够在 Javascript 中获取它。

或者做:

var elementRef = document.getElementById('<%= Q1AnswersRadioButtonList.ClientID %>');**