Javascript 限制c中gridview中选中的复选框数#
我需要限制用户在c#asp net的GridView上选择的复选框的数量 我尝试了下面的代码,但有两个问题:Javascript 限制c中gridview中选中的复选框数#,javascript,c#,asp.net,checkbox,Javascript,C#,Asp.net,Checkbox,我需要限制用户在c#asp net的GridView上选择的复选框的数量 我尝试了下面的代码,但有两个问题: 警报弹出后“不能选中超过3个复选框”始终选中第四个复选框 按钮btn已启用并验证表单 我错过了什么 这个代码怎么了 先谢谢你 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//
“不能选中超过3个复选框”
始终选中第四个复选框李>
btn
已启用并验证表单<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function CheckCheck() {
var chkBoxList = document.getElementById('<%=GridView1.ClientID %>');
var chkBoxCount = chkBoxList.getElementsByTagName("input");
var btn = document.getElementById('<%=btn.ClientID %>');
var i = 0;
var tot = 0;
for (i = 0; i < chkBoxCount.length; i++) {
if (chkBoxCount[i].checked) {
tot = tot + 1;
}
}
if (tot > 3) {
alert('Cannot check more than 3 check boxes');
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="cbSelProduct" runat="server" onclick="javascript:CheckCheck();" />
<asp:HiddenField ID="HiddenField1" runat="server" Value='<%#Eval("name")%>' />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField ItemStyle-Width="250px" DataField="name" HeaderText="name" />
</Columns>
</asp:GridView>
<asp:Button runat="server" ID="btn" Text="Send" OnClick="btn_Click" />
</div>
</form>
</body>
</html>
函数CheckCheck(){
var chkBoxList=document.getElementById(“”);
var chkBoxCount=chkBoxList.getElementsByTagName(“输入”);
var btn=document.getElementById(“”);
var i=0;
var-tot=0;
对于(i=0;i3){
警报(“不能选中超过3个复选框”);
}
}
您需要取消选中第四个复选框:
function CheckCheck()
{
var chkBoxList = document.getElementById('<%=GridView1.ClientID %>');
var chkBoxCount = chkBoxList.getElementsByTagName("input");
var btn = document.getElementById('<%=btn.ClientID %>');
var i = 0;
var tot = 0;
for (i = 0; i < chkBoxCount.length; i++)
{
if (chkBoxCount[i].checked)
{
tot = tot + 1;
if (tot > 3)
{
alert('Cannot check more than 3 check boxes');
chkBoxCount[i].checked = false;
return;
}
}
}
}
函数检查()
{
var chkBoxList=document.getElementById(“”);
var chkBoxCount=chkBoxList.getElementsByTagName(“输入”);
var btn=document.getElementById(“”);
var i=0;
var-tot=0;
对于(i=0;i3)
{
警报(“不能选中超过3个复选框”);
chkBoxCount[i]。选中=false;
返回;
}
}
}
}