添加复选框列表项,单击另一个复选框

时间:2013-04-12 17:30:23

标签: asp.net ajax checkboxlist

我只是想知道是否有办法在现有的asp:checkboxlist控件中添加一个新的复选框项,当选中另一个复选框时,无需对页面进行完整的回发。无论是javascript,jquery,ajax。只是想知道如何(如果有的话)我可以做这样的事情。

我一直在做一些研究,似乎我可以使用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>

1 个答案:

答案 0 :(得分:2)

建立Adils回答...要在检查另一个复选框时添加一个复选框,您可以使用:

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

正如Adil所说,这个新的动态添加的框不能在代码隐藏中访问。