asp.net의 웹 사용자 정의 컨트롤을 사용하는 경우이 코드를 사용하는 방법은 무엇입니까?

asp.net의 웹 사용자 정의 컨트롤을 사용하는 경우이 코드를 사용하는 방법은 무엇입니까?asp.net의 웹 사용자 정의 컨트롤을 사용하는 경우이 코드를 사용하는 방법은 무엇입니까?

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

     <asp:CheckBox ID="CheckBox1" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox2" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox3" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox4" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox5" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox6" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox7" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox8" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox9" runat="server" /><br /> 
<asp:CheckBox ID="CheckBox10" runat="server" /><br /> 
     <asp:Button ID="Button1" runat="server" Text="Button" /> 
    </div> 
    </form> 
    <script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 
    <title>Untitled Page</title> 
    <script type="text/javascript"> 

     $("#sumit").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; 
    } 
}); 
</script > 
</body> 
</html>

출처

2011-01-27 user583181

제목 태그는 몸 안쪽이 아니고 머리 안에 있어야합니다. –

커플 :

$("#sumit").click(function(){...}

먼저

가 'SUMIT'의 ID로 HTML 요소를 찾고 있나요합니다 (# JQuery와에 ID를 의미한다).

페이지의 원본을 보면 ASP.Net에서 HTML 쪽 단추로 변환 할 때 Button1이 ASP.Net에서 읽을 수없는 고유 한 클라이언트 ID를 생성하므로 해당 ID가없는 것을 볼 수 있습니다 아마 $ 표지와 밑줄 가득.

Jquery는 $ ('. myClass')를 사용하여 클래스별로 버튼을 찾을 수 있습니다. 단지 '#'는 'ID'와 같은 수단 '클래스는'그래서 당신의 ASP.Net Button1에 클래스 submit을 추가

<asp:Button ID="Button1" runat="server" Text="Button" CssClass='submit' />

를 그런 다음 자바 스크립트 호출 수정 : 첫째 을의 eventhandlers가 최대 때 유선지고 보장 이 문서에서는이 작업을 수행하는 표준 JQuery와 구문 내부에 자바 스크립트를 마무리하여 준비가되어 있습니다 : 때

$(document).ready(function() { 
    //Your Javascript goes in here. 
});

그래서이 (내가 주위에 몇 가지를 이동하고 <title> 요소를 찍은 것 같습니다 다시했다.)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
     $(".submit").click(function() { 

      /* this code is here for demo purposes only - 5arx*/ 
      var numchecked = 0; 

      $('input:checkbox').each(function() { 
       if ($(this).attr('checked')) { 
        //alert('checked'); 
        numchecked++; 
       } 
      }); 

      if (numchecked > 5) { 
       alert('You cannot check more than 5 check box.'); 
      } 

      return false; //This will stop your ASP.Net button submitting the form via a Postback. 
      /* Your orginal code. 
      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.'); 

      } 
      */ 
     }); 
    }); 
</script> 
<div> 
    <asp:CheckBox ID="CheckBox1" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox2" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox3" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox4" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox5" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox6" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox7" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox8" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox9" runat="server" /><br /> 
    <asp:CheckBox ID="CheckBox10" runat="server" /><br /> 
    <asp:Button ID="Button1" runat="server" Text="Button" CssClass="submit" /> 
</div>

희망이 도움이됩니다. JQuery의 유용한 JQuery에 대한 정보는 www.visualjquery.com에서 볼 수있다. 대화 형 JQuery 테스트/학습 도구이다.

Hth. 행운을 빌어 요 :-)

출처

2011-01-27 12:15:26 5arx

-1

$("#sumit")

은 당신의 요소도 가지고있는 ID = "SUMIT"를 가진 요소를 찾고 있습니다. 버튼의 클릭 이벤트를 전달하려는 경우 $("#Button1")을 시도해보십시오. 사물의

출처

2011-01-27 11:04:33 bitxwise

예전에 변경했습니다 ... 내 문제는 제 전체 코딩과 컨트롤이 webusercontrols에 있다는 것입니다 ... 사용자 컨트롤을 끌 때 webform.aspx 다음 작동하지 않습니다 ... 그렇지 않으면 정상적으로 작동합니다 ... 모든 컨트롤 및 jquery webform.aspx 페이지에서 webusercontrol 사용하지 않고 함수를 사용하는 경우. – user583181

# Button1 ASP.Net로 작동하지 않습니다. 컨트롤에 대해 크고 눈에 띄지 않는 ID를 생성합니다.이를보기 위해 View Source를 수행합니다. – 5arx

음, ClientID 속성이 있습니다 ...하지만 -1에 감사드립니다. – bitxwise

asp.net의 웹 사용자 정의 컨트롤을 사용하는 경우이 코드를 사용하는 방법은 무엇입니까?

답변

관련 문제