2013-04-12 4 views
0

Мне просто интересно, есть ли способ добавить новый элемент флажка в существующий элемент управления asp: checkboxlist, когда установлен еще один флажок, без необходимости делать полную обратную передачу страницы. Будь то с javascript, jquery, ajax. Просто интересно, как (если вообще) я могу сделать что-то подобное.Добавить checkboxlist item onclick другого флажка

Я занимаюсь некоторыми исследованиями, и, похоже, я могу сделать частичную обратную передачу, используя asp: UpdatePanel. Я никогда раньше не использовал один из них. Кто-нибудь есть пример того, как их можно использовать? Вот что у меня есть, но она по-прежнему делает полный постбэк

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <tr> 
      <td width="50%"> 
       <asp:CheckBox runat="server" ID="chkEnglish" Font-Bold="true" TextAlign="Right" Text=" English" /> 
      </td> 
      <asp:Panel runat="server" ID="pnlTopLanguages"> 
      <td rowspan="3" valign="top"> 
       <asp:CheckBoxList ID="chkTopLanguages" CssClass="cb chkTopLangs" TextAlign="Right" runat="server" /> 
       <asp:TextBox runat="server" ID="txtOtherLanguages" onkeyup="SetButtonStatus(this)" onclick="return clearLanguageSearchText()" Text="Other Languages..."></asp:TextBox> 
       <asp:Button runat="server" ID="btnAddLang" Text="Add" OnClientClick="return CopyOtherLangs()" Enabled="false" /><br /><br /> 
       <asp:CheckBox runat="server" ID="chkManyOtherLanguages" CssClass="cb" Font-Bold="true" Text="Many other languages" /> 
       <cc3:AutoCompleteExtender ID="aceSearch" runat="server" MinimumPrefixLength="1" TargetControlID="txtOtherLanguages" 
                         ServicePath="~/controls/wsCommunity.asmx" ServiceMethod="GetLanguageCompletionList"></cc3:AutoCompleteExtender> 
      </td> 
      </asp:Panel> 
     </tr> 
     </ContentTemplate> 
    </asp:UpdatePanel> 

ответ

2

Строит от Adils ответа ..., чтобы добавить флажок на проверке другого, вы можете использовать:

$(".classOfCheckboxList").change(function() { 
    $(this).append("<input type='checkbox' id='newbox' class='currentclass' value='someval' />"); 
}); 

Как сказал Адиль , этот новый динамически добавленный ящик не будет доступен в коде.

Смежные вопросы