如何在.aspx页面中调用jquery函数到asp.net中的usercontrols控件？

我在default.aspx中有以下function…..我有webusercontrol，它有10个复选框和1个按钮….我想当我点击用户控件的button1然后它可以访问default.aspx的function.. .page …如果我将usercontrol拖到default.aspx

通常，如果我在default.aspx中使用10个复选框和1个按钮，那么它工作正常…如果我在usercontrol中使用10checkboxes和1button然后在default.aspx中拖动该usercontrol然后它将无法工作..

问题是什么……如何解决这个问题？

        
 
  
 
   $("#''").click(function(){ var vCheckedCBCount = $("input:checkbox").filter(function(index){ return $(this)[0].checked == true; }).length; if(vCheckedCBCount > 1) { alert('You cannot check more than 1 check box.'); return false; } });    

Answer 1

试试这个 – >

———————————— ASPX Code ———— ————————————————– —————-

ASPX：

 <%@ Register Src="~/UserControl/WebUserControl.ascx" TagName="ucCheckBox" TagPrefix="UC" %>  

JAVASCRIPT：

 $(document).ready(function(){ $("input:submit[id$='btnSubmit']").click(function(){ var vCheckedCBCount = $("input:checkbox").filter(function(index){ return $(this)[0].checked == true; }).length; if(vCheckedCBCount > 5) { alert('You cannot check more than 5 check box.'); return false; } }); }); 

———————————— ASPX Code ———— ————————————————– —————-

——————————-用户控制代码—————- ———————-

用户控件：

 <%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="UserControl_WebUserControl" %> 
 
 
 
 
 
 
 
 
 
  

——————————-用户控制代码—————- ———————-

Answer 2

尝试

 $("#'<%=Button1.ClientID %>'").click(function(){ }); 

usercontrol实现INamingContainer接口。 因此，为了使用id获取元素，您需要使用.ClientID来获取运行时生成的id。

Answer 3

将usercontrol添加到default.aspx时，Button1的ID更改为userControl1_Button1

因此，您需要更改$("#Button1").click(function()以使其始终具有正确的按钮名称：

 $("# + <%=Button1.ClientID %> +").click(function()