在aspx中动态生成一些单选按钮

本文关键字:单选按钮 aspx 动态 | 更新日期: 2023-09-27 18:09:36

我有一个视图,用于显示一个问题和几个单选按钮,表示该问题的可能答案。可能的答案数量随着每个问题的变化而变化,因此我需要找到一种动态生成单选按钮的方法。我是新的aspx语法,我不太确定如何去这个,即我如何显示我在下面的html脚本中创建的单选按钮的集合?使用RadioButtonList会更好吗?

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<UncleBobWebService.Models.MultipleChoiceQuestion>" %>
<!DOCTYPE html>
<html>
  <head id="Head1" runat="server">
    <title>Application</title>
    <link href="/Theme/UncleBobTheme.css" rel="Stylesheet" />
    <script lang="cs" runat="server">
        protected void Page_Load(Object o, EventArgs e)
        {
            int count = Model.PossibleAnswers.Count;
            List<RadioButton> radioButtons = new List<RadioButton>();
            for (int i = 0; i < count; ++i)
            {
                RadioButton button = new RadioButton();
                button.ID = "1";
                button.GroupName = "answerswers";
                button.Text = Model.PossibleAnswers[i+1].TheAnswer;
                button.Checked = false;
                radioButtons.Add(button);
            }
        }
    </script> 
  </head>
<body>
    <h2>Question</h2>
    <div class="body">
        <form id=form1 runat=server action="/ApplicantApply/FormAction">
        <div class="box">
            <div class="left-justify">
                <div><%= Html.DisplayFor(Model => Model.Question) %></div>
                <!-- How to display the radiobutton list here instead of below? -->
                <input type="radio" id="yesAnswer" name="yes" value="Yes">Yes<br />
                <input type="radio" id="noAnswer" name="no" value="No">No<br />
            </div>
        </div>
        <input type="submit" name="submit" value="Previous" />
        <input type="submit" name="submit" value="Next" />
        </form>
    </div>
</body>
</html>

在aspx中动态生成一些单选按钮

似乎你在混合ASP。净,ASP。. NET MVC

如果你正在使用ASP。. NET MVC:

<% for (int i = 0; i < Model.PossibleAnswers.Count; ++i) { %>
  {
     <label>
        <%= Html.RadioButtonFor(m => m.PossibleAnswers[i].TheAnswer, m.PossibleAnswers[i]..ID) m.PossibleAnswers[i].TheAnswer %> 
     </label>
<% } %>

如果您正在使用ASP。NET:
为此使用RadioButtonList。它更适合这样的操作。

一种方法是在你的aspx文件中声明控件,然后在PageLoad事件中你可以添加项目/将其绑定到集合。

IMHO绑定通常是更好的选择。

绑定的例子:
http://asp-net-example.blogspot.com/2009/03/how-data-bind-radiobuttonlist-on-button.html

添加的例子:

    protected override void OnInit(EventArgs e)
    {          
        RadioButtonList1.Items.AddRange(GetItems());
        base.OnInit(e);
    }

    private ListItem[]  GetItems()
    {
            return new ListItem[] {
                    new ListItem("Item 1", "1"),
                    new ListItem("Item 2", "2"),
                    new ListItem("Item 3", "3"),
                    new ListItem("Item 4", "4")
            });
    }

您将Asp.net WebForm示例代码与Asp.net MVC视图混合在一起。你不希望在MVC中使用Page_Load或任何Asp.net服务器控件。您想使用Html.RadioButton()

        <div class="left-justify">
            <div><%= Html.DisplayFor(Model => Model.Question) %></div>
            <% for (var i=i; i<=Model.PossibleAnswers.Count(); i++) %>
            <label><%= Html.RadioButtonFor(m => m.PossibleAnswers[i], "Yes")> %> Yes</label>
            <label><%= Html.RadioButtonFor(m => m.PossibleAnswers[i], "No")> %> No</label>
            <% } %>
        </div>

这些东西被asp.net称为Html helper。你可以在谷歌上搜索这个词来找到它们的例子。它们适用于大多数常见的表单元素。

您可以使用以下链接。

http://www.developerscode.com/2011/02/how-to-create-dynamic-registration-form.html

动态创建radiobuttonlist

http://csharp-guide.blogspot.in/2012/05/adding-radiobutton-options-dynamically.html

http://forums.asp.net/t/1192583.aspx/1

http://www.codeproject.com/Questions/360219/radio-button-dynamic-creation

ASP.net创建动态单选按钮列表

在页面上显示答案和问题。但问题的答案显示选项类型明智的选项类型是多选题单选题,多选题,多选题,图像日期。如果答案表选项类型字段设置,如果设置1,那么在gridview中以单选按钮方式显示数据,以便在asp.net中创建此页面