3

MCQ の質問と回答のインターフェイスを作成しています。ここでは、各ラジオ オプションを回答の隣の別の行に配置する必要があります。これにより、ユーザーは回答を選択できます。通常の方法でラジオボタン リストを 1 行で使用することを知っています。

 <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>

ここでは通常のラジオボタンを使用しましたが、選択した値を取得するときに競合があります。このタスクを実行するためにasp:RadioButtonListを使用する方法を提案してください。

4

3 に答える 3

0

リピータを使用するか、css を使用してラジオ ボタンごとに 1 行を作成できます。

リピーターでは、要件に応じて HTML を制御できます

于 2013-09-10T07:07:27.440 に答える
0

RepeatDirection="Vertical"オプションを行ごとに表示するには、設定する必要があります。

垂直方向と水平方向の配置を切り替える方法の詳細については、私の回答 @CodeProject - Change ASP radiobuttonlist repeatdirection property with Javascript or JQueryを参照してください。

デモ - [デモ] asp RadioButtonList の繰り返し方向を変更する

編集

以下のようにしてください...

<asp:RadioButtonList ID="opt_questiontype" runat="server" RepeatLayout="Flow" RepeatDirection="Vertical" OnClick="call()">
于 2013-09-10T06:57:36.587 に答える
0

ここでは通常のラジオボタンを使用しましたが、選択した値を取得するときに競合が発生します

紛争とは?ここで RAdioButtonList を使用する理由は何ですか? あなたの既存のコードは、競合を示していません。

于 2013-09-10T06:52:05.367 に答える