javascriptまたはjqueryを使用してasp.netのチェックボックスで5つ以上のチェックボックスをチェックしないようにユーザーを制限する方法は？

Question

Webフォームに10個のasp.netチェックボックスがあります。ユーザーが4つのチェックボックスをオンにして、次にボタンをクリックするイベントをクリックします。Default.aspxにリダイレクトされます。ユーザーが6つのチェックボックスをオンにしてから続行ボタンをクリックします。ユーザーがDefault.aspxのためにリダイレクトされません...

Answer 1

それをチェックアウト - >

ASPX：

<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 /> 
<input id="btnSubmit" type="submit" value="Continue" /> 

JAVASCRIPT：

$("#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; 
    } 
}); 

Answer 2

Sukhiはこれを行う良い方法があります。しかし、他の方法では、誰かがそれをチェックするためのチェックボックスをクリックするたびにチェックするために、次のようになります。

は、クラスのチェックボックス与える：

<input type="checkbox" name="items" value="7" id="Checkbox7" class="checkme" />

その後のjQueryで：

$(".checkme").click(function() {

if($(this).is(":checked")) 
{ 

    if($(".checkme:checked").length > 5) 
    { 

     // show message 
     return false; 

    } 

} 

});

これは、ユーザーがチェックボックスをクリックして値が「チェックされた」ときにのみチェックを実行します。