Question

我正在创建一个MCQ问题和答案界面，我需要将每个无线电选项放在答案旁边的separete行中，以便用户可以选择答案，我知道在正常的单行中使用radiobutton列表方式，

 <asp:RadioButtonList ID="opt_questiontype" runat="server" RepeatLayout="Flow" OnClick="call()">
                        <asp:ListItem Value="MCQ" Selected="True">MCQ</asp:ListItem>
                        <asp:ListItem Value="Single">Single Answer</asp:ListItem>
                    </asp:RadioButtonList>

但是我需要在html表中逐行放置它们，如下所示，

<table id="mcqtable">
        <tr style="border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC;">
            <th class="captions2">Option</th><th class="captions2">Answer Text</th><th class="captions2">Is Correct</th>
        </tr>
         <tr>
                <td class="captions1">Answer Option 1</td><td><asp:TextBox ID="txt_answeropt1" runat="server" TextMode="SingleLine" Width="600px"></asp:TextBox></td><td><asp:RadioButton ID="opt_answer1" runat="server" GroupName="grp_answers" Checked="true" /></td>
            </tr>
            <tr>
                <td class="captions1">Answer Option 2</td><td><asp:TextBox ID="txt_answeropt2" runat="server" TextMode="SingleLine" Width="600px"></asp:TextBox></td><td><asp:RadioButton ID="opt_answer2" runat="server" GroupName="grp_answers" /></td>
            </tr>
            <tr>
                <td class="captions1">Answer Option 3</td><td><asp:TextBox ID="txt_answeropt3" runat="server" TextMode="SingleLine" Width="600px"></asp:TextBox></td><td><asp:RadioButton ID="opt_answer3" runat="server" GroupName="grp_answers" /></td>
            </tr>
            <tr>
                <td class="captions1">Answer Option 4</td><td><asp:TextBox ID="txt_answeropt4" runat="server" TextMode="SingleLine" Width="600px"></asp:TextBox></td><td><asp:RadioButton ID="opt_answer4" runat="server" GroupName="grp_answers" /></td>
            </tr>

        </table>

这里我使用了普通的radiobuttons，但是在获取所选值时存在冲突，那么请任何人建议使用 asp：RadioButtonList 来执行此任务吗？

Answer 1

这里我使用了普通的无线电按钮，但是有时会发生冲突获取所选值

什么是冲突？你为什么要在这里使用RAdioButtonList？您现有的代码不会向我显示任何冲突。

Answer 2

您应该设置RepeatDirection="Vertical"以便按行显示选项。

请参阅我的答案@CodeProject - Change ASP radiobuttonlist repeatdirection property with Javascript or JQuery，以获取有关如何在垂直和水平对齐之间切换的更详细信息。

演示 - [Demo] Change Repeat Direction of asp RadioButtonList

修改

如下所示...

<asp:RadioButtonList ID="opt_questiontype" runat="server" RepeatLayout="Flow" RepeatDirection="Vertical" OnClick="call()">

Answer 3

使用转发器或者您可以使用css为每个单选按钮创建单行。

在转发器中，您可以根据您的要求控制HTML

如何创建一个RadioButtonList，其中每个单选按钮位于一个单独的表行？

3 个答案: