2013-04-30 3 views
-1

첫 번째 목록 항목 옆 또는 아래에 하이퍼 링크/레이블이있는 체크 박스 목록을 만들려면 어떻게해야합니까?확인란 목록에 하이퍼 링크/레이블 추가

예.

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

또는

내가 Repeatflow = "흐름"을 사용하여 시도
[] listitem1 
    *hyperlink* 
[] listitem2 
[] listitem3 

하지만 하이퍼 링크 대신 listitem3 옆에 앉아있다.

아이디어가 있으십니까?

편집 : 여기 내 코드 : 그냥 위치에 대해 우려하는 경우 그 checkboxlist 코드 숨김 채워집니다

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

참고

+0

코드를 추가하십시오 – nmat

+0

감사합니다 nmat! 나는 갱신했다! –

+0

HTML/CSS 사용이 가능합니까? – mshsayem

답변

1

(필요한 경우 그러나 나는 또한 영문을 listitem에 하드 코딩 할 수 있습니다)

<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를 사용할 수 있습니다 : 다음의 LinkButton, 당신은 단순히 같은 CSS 스타일을 사용할 수 있습니다

<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" /> 
+0

감사합니다 mshsayem, 나는 그것을 줄거야! –