带有文本框和隐藏div的单选按钮列表(带有示例图像)

时间:2013-10-08 13:01:16

标签: c# asp.net textbox radio-button listitem

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

如何才能获得与此图像类似的结果? 图像显示了radionbutton和textbox的示例

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

点击 + 将打开“添加图片”选项...

到目前为止,这是radiobutton列表

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

1 个答案:

答案 0 :(得分:0)

如果您需要对这些控件进行动态绑定,可以尝试使用转发器:

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