将超链接/标签添加到checkboxlist

时间:2013-04-30 01:17:18

标签: c# asp.net hyperlink label radiobuttonlist

如何在第一个列表项旁边(或下面)创建一个带有超链接/标签的复选框列表?

E.g。

[] listitem1 *hyperlink*
[] listitem2
[] listitem3

OR

[] listitem1 
   *hyperlink*
[] listitem2
[] listitem3

我尝试过使用Repeatflow =“Flow”,但超链接位于listitem3的旁边。

有什么想法吗?

编辑:我的代码在这里:

<asp:CheckBoxList ID="CheckBoxList1" runat="server" BackColor="#cee7ff" >
</asp:CheckBoxList>
    <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Print Terms and Conditions</asp:LinkButton>

请注意,checkboxlist在代码隐藏中填充(但如果需要,我也可以在aspx listitem中进行硬编码)

1 个答案:

答案 0 :(得分:1)

如果你只关心链接按钮的位置,你可以简单地使用css样式:

<div style="clear:both; float:left">
    <asp:CheckBoxList runat="server">
        <asp:ListItem Text="Text 1>" />
        <asp:ListItem Text="Text 2" />
    </asp:CheckBoxList>
</div>
<div style="float:left;">
    <asp:LinkButton Text="Click Me" runat="server" />
</div>

或者您可以使用jQuery:

<script type="text/javascript">
    $(function(){

        var theLink = $("#<%=lbLink.ClientID%>");

        // To place the link beside the first checkbox
        theLink.appendTo($("#<%=cbList.ClientID%> tr:first td:last"));

        // To place the link after the first checkbox
        // $("#<%=checkbox1.ClientID%> tr:first").after(theLink);
        // theLink.wrap("<tr/>").wrap("<td/>");
    });
</script>

<asp:CheckBoxList ID="cbList" runat="server">
    <asp:ListItem Text="Text 1>" />
    <asp:ListItem Text="Text 2" />
</asp:CheckBoxList>

<asp:LinkButton ID="lbLink" Text="Click Me" runat="server" />