向复选框列表添加超链接/标签

本文关键字:标签 超链接 添加 复选框 列表 | 更新日期: 2023-09-27 18:11:30

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

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

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

我试过使用Repeatflow="Flow",但是这个超链接位于listtem3旁边。

任何想法?

编辑:我的代码:

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

请注意,复选框列表是在代码后面填充的(但如果需要,我也可以在aspx列表中硬编码)

向复选框列表添加超链接/标签

如果你只是关心链接按钮的位置,你可以简单地使用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" />