通过jquery在updatepanel中点击复选框答案

【问题标题】：get checkbox click inside updatepanel by jquery通过jquery在updatepanel中点击复选框
【发布时间】：2011-07-18 09:42:55
【问题描述】：

我有一个更新面板，里面有一个 runat 服务器 div，此 div 未显示在页面的第一次加载中。我曾经在用户输入搜索键后显示它，然后重新加载包含 div 和填充 div 控件的更新面板，然后显示它。

我在这个div标签中有一个CheckBox，我需要用jquery获取这个复选框的点击事件

我尝试使用直接 .click 或 .live 但都不起作用！！

任何帮助将不胜感激。

【问题讨论】：

在 jsfiddle.net 上发布一个示例或至少发布您的代码
我使用这种方式，它可以工作 // 为更新面板加载设置一个删除 $("#MyUpdatePanelID").ready(function () { if (Sys) Sys.WebForms.PageRequestManager.getInstance() .add_pageLoaded(PageLoadedHandler); }); // updatepanel 加载时调用的方法 function PageLoadedHandler(sender, args) { if (sender._postBackSettings) { $("input:checkbox").click(function () { alert('Any code'); }) ; } } 我不确定它是否是最好的

标签： c# javascript jquery asp.net

【解决方案1】：

使用此代码

    $(document).ready(function()
    {
    //This will add one function to be called on every request of the update panel
     Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
    });

    function EndRequestHandler()
    {
    $('#checkboxID').change(function(){
    //Your functionality
    });

}

【讨论】：

【解决方案2】：

需要在页面中引入javascript再次模拟点击事件。 Page.RegisterClientScriptBlock 或 Page.RegisterStartUpScript 应该这样做。

或把它放在更新面板中

 <script type="text/javascript">
  Sys.Application.add_load(your jquery function);
 </script>

【讨论】：