onclick funktionierte nicht wie erwartet mit jquery

Question

Hier ist der Beispielcode..wenn ich das Skript auskommentieren wird es serverseitige Funktion auf Knopf klicken aufrufen. Was wird der Fehler im folgenden Code sein?

<form id="form1" runat="server">  
    <input type="checkbox" id="chb1" value="Hourly" /> 
    <input type="checkbox" id="chb2" value="Daily" /> 
    <input type="checkbox" id="chb3" value="Weekly" /> 
    <input type="checkbox" id="chb4" value="Monthly" /> 
    <input type="checkbox" id="chb5" value="Yearly" /> 

    <asp:Button Text="submit" runat="server" ID="btnSubmit" OnClick="btnSubmit_Click"/> 
</form> 
<div></div> 

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 

     var selectedcout = 0; 

     var countChecked = function() { 
      var n = $("input:checked").length;     
      $("div").text(n + (n === 1 ? "is" : "are") + "checked"); 
     }; 
     countChecked(); 

     $("input[type=checkbox]").on("click", countChecked); 

</script> 

Answer 1

Sie müssen das submit-Ereignis des Formulars, Haken, nicht die click der Submit-Button, so dass Sie das Formular stoppen können von vorgelegt. Versuchen Sie folgendes:

var selectedcout = 0; 

var countChecked = function() {   
    var n = $("input:checked").length;     
    $("div").text(n + (n === 1 ? " is " : " are ") + "checked"); 
}; 

countChecked(); 

$('#form1').on('submit', function(e) { 
    e.preventDefault(); // stop the form submitting 
    countChecked(); 
});