如何在数据列表中获取选定的单选按钮文本

本文关键字:单选按钮 文本 获取 数据 列表 | 更新日期: 2023-09-27 18:30:30

在下面的数据列表中表示一组问题和答案,当用户使用javascript单击提交按钮时,如何检查用户是否选择了右答案单选按钮?

答案存储在数据库中。

数据列表:

<asp:DataList ID="DataList1" runat="server" DataKeyField="Qno" 
        DataSourceID="SqlDataSource1">
        <ItemTemplate>
            Qno:
            <asp:Label ID="QnoLabel" runat="server" Text='<%# Eval("Qno") %>' />
            <br />
            Question:
            <asp:Label ID="QuestionLabel" runat="server" Text='<%# Eval("Question") %>' />
            <br />
            <asp:RadioButton ID="RadioButton1" runat="server" Text='<%# Eval("Ans1") %>' />
            <br />
            <asp:RadioButton ID="RadioButton2" runat="server" Text='<%# Eval("Ans2") %>' />
            <br />
            <asp:RadioButton ID="RadioButton3" runat="server" Text='<%# Eval("Ans3") %>' />
            <br />
            <asp:RadioButton ID="RadioButton4" runat="server" Text='<%# Eval("Ans4") %>' />
            <br />
            <asp:Button ID="Button2" runat="server" Text="Submit" />
            <br />
        </ItemTemplate>
    </asp:DataList>

如何在数据列表中获取选定的单选按钮文本

为 DataList 中的 Button2 提供一个 CommandName 参数:CommandName="Validate"

为 DataList1 添加 OnItemCommand 事件:*OnItemCommand="DataList1_OnItemCommand"*

在代码隐藏中,填写 *DataList1_OnItemCommand* 事件操作:

protected void DataList1_OnItemCommand(object sender, DataListCommandEventArgs e)
{
 if (String.Equals(e.CommandName, "Validate"))
 {
  DataListItem dataItem = (DataListItem )e.Item;
  RadioButton rbtn1 = (RadioButton)dataItem.FindControl("RadioButton1");
  RadioButton rbtn2 = (RadioButton)dataItem.FindControl("RadioButton2");
  RadioButton rbtn3 = (RadioButton)dataItem.FindControl("RadioButton3");
  RadioButton rbtn4 = (RadioButton)dataItem.FindControl("RadioButton4");
  // Code to check which radio button was checked.
  if(rbtn1 != null && rbtn1.Checked)
  {
  }
  else if(rbtn2 != null && rbtn2.Checked)
  {
  } //Perform these for the remaining two check boxes
 }
}

根据选中的复选框执行所需的操作。