将超链接/标签添加到复选框列表答案

【问题标题】：Add hyperlink/label to checkboxlist将超链接/标签添加到复选框列表
【发布时间】：2013-04-23 19:58:30
【问题描述】：

如何在第一个列表项旁边（或下方）创建带有超链接/标签的复选框列表？

例如

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

或

[] 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 中硬编码）

【问题讨论】：

请添加您拥有的代码
感谢 nmat！我更新了！

标签： c# asp.net hyperlink label radiobuttonlist

【解决方案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" />

【讨论】：