如何限制用户不使用javascript或jquery检查asp.net复选框中的多个复选框？

Question

我有我的webform 10 asp.net复选框我想如果用户选择4复选框，然后继续按钮单击事件它重定向到Default.aspx否则，如果用户选择6复选框，然后单击继续按钮，然后将弹出JavaScript警告框和用户将不会重定向到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; 

    } 

} 

});

这将只执行检查，当用户点击复选框，并且该值被“检查”