c# - 带有文本框和隐藏 div 的单选按钮列表（带有示例图像）

Question

我使用asp控件。我需要 RadioButton 控件将包含一个文本框控件。我试图这样做 - 但那是不可能的......

我怎样才能得到与这张图片相似的结果？该图显示了单选按钮和文本框的示例

https://docs.google.com/file/d/0B7CLNmjk_GPpTkEtRUFBTzh5Rlk/edit?usp=sharing

单击+将打开一个“添加图像”选项...

到目前为止，这是单选按钮列表

    <asp:RadioButtonList ID="RBList" runat="server">
                    <asp:ListItem Value="1"></asp:ListItem>
                    <asp:ListItem Value="2"></asp:ListItem>
                    <asp:ListItem Value="3"></asp:ListItem>
                    <asp:ListItem Value="4"></asp:ListItem>
                </asp:RadioButtonList>

Answer 1

如果您需要对这些控件进行动态绑定，可以尝试使用中继器：

<asp:Repeater ID="Repeater1" runat="server" >
          <HeaderTemplate>
              <table>
              <tr>
                 <th>radiobuttons</th>
                 <th>textboxes</th>
              </tr>
          </HeaderTemplate>
          <ItemTemplate>
          <tr>
              <td>
                    <asp:RadioButton runat="server" />
              </td>
              <td>
                    <asp:Textbox runat="server" width="200px" />
              </td>
          </tr>
          </ItemTemplate>
          <FooterTemplate>
              </table>
          </FooterTemplate>
 </asp:Repeater>

否则，如果您需要定义数量的元素，只需使用静态声明（您也可以使用 CSS 而不是滥用表格）：

<table>
    <tr>
        <th>radiobuttons</th>
        <th>textboxes</th>
    </tr>
    <tr>
        <td>
            <asp:RadioButton runat="server" />
        </td>
        <td>
            <asp:Textbox runat="server" width="200px" />
        </td>
    </tr>
    <tr>
        <td>
            <asp:RadioButton runat="server" />
        </td>
        <td>
            <asp:Textbox runat="server" width="200px" />
        </td>
    </tr>
    <tr>
        <td>
            <asp:RadioButton runat="server" />
        </td>
        <td>
            <asp:Textbox runat="server" width="200px" />
        </td>
    </tr>
</table>