Javascript 计算asp.net表中的复选框数
我对asp和java非常陌生： 我设计了一个页面，其中有一个表和一些复选框，我想使用脚本设置一个条件，提醒用户不要选中超过四个复选框。或者，如果用户选中四个复选框，则必须禁用此表中的其他可用复选框；如果用户取消选中任何选中的复选框，则所有禁用的复选框都将重新启用以进行新的选择。有些复选框属于同一组（单元格），如果用户单击其中一个复选框，则该组（单元格）中的其他选中复选框必须取消选中，就像切换一样，简而言之，该单元格中只能选中一个checkbiox。我在java中已经这样做了，但不知道如何在复选框上选中四个以上的复选框。 （P.S）在表格的（I组）复选框中，GE被选中并禁用。在四个复选框中，此复选框是必需的，应始终选中Javascript 计算asp.net表中的复选框数,javascript,asp.net,Javascript,Asp.net,我对asp和java非常陌生： 我设计了一个页面，其中有一个表和一些复选框，我想使用脚本设置一个条件，提醒用户不要选中超过四个复选框。或者，如果用户选中四个复选框，则必须禁用此表中的其他可用复选框；如果用户取消选中任何选中的复选框，则所有禁用的复选框都将重新启用以进行新的选择。有些复选框属于同一组（单元格），如果用户单击其中一个复选框，则该组（单元格）中的其他选中复选框必须取消选中，就像切换一样，简而言之，该单元格中只能选中一个checkbiox。我在java中已经这样做了，但不知道如何在复选框
<script type="text/javascript">
function ChkValidate() {
var counter = 0;
var panel = document.getElementById ("panel1")
for (i = 0; i < panel.children.length; i++) {
if (panel.children[i].type == 'checkbox')
{
if (panel.children[i].checked == true) {
counter = counter + 1;
}
}
if (counter > 4)
{
alert('You have reached to maximum selection');
return false;
}
}
}
</script>
<script type="text/javascript">
function aspcheckED0() {
document.getElementById("PS0").checked = false;
}
function aspcheckPS0() {
document.getElementById("ED0").checked = false;
}
function aspcheckEL0() {
document.getElementById("HS0").checked = false;
document.getElementById("MA0").checked = false;
}
function aspcheckHS0() {
document.getElementById("EL0").checked = false;
document.getElementById("MA0").checked = false;
}
function aspcheckMA0() {
document.getElementById("EL0").checked = false;
document.getElementById("HS0").checked = false;
}
function aspcheckUR0() {
document.getElementById("PJ0").checked = false;
}
function aspcheckPJ0() {
document.getElementById("UR0").checked = false;
}
function aspcheckAR0() {
document.getElementById("PR0").checked = false;
}
function aspcheckPR0() {
document.getElementById("AR0").checked = false;
}
</script>
<table id="artstable" align="center" class="auto-style53" style="border: thin dotted #6666FF; font-family: Verdana;
border-collapse: collapse; background-color: #E6E6E6;">
<tr>
<td align="right" class="auto-style188" colspan="10"><strong>Enter Your Admission Details</strong></td>
</tr>
<tr>
<td align="right" class="auto-style42" colspan="5">
<asp:Label ID="lbl" runat="server" Text="Label"></asp:Label>
<strong> Select Your Course:</strong></td>
<td align="right" class="auto-style42" colspan="5">
<asp:RadioButtonList ID="rbcourse" runat="server" AutoPostBack="True" Height="54px" RepeatDirection="Horizontal" style="text-align: left; font-weight: 700;" Width="385px">
<asp:ListItem>BA</asp:ListItem>
<asp:ListItem>BSC</asp:ListItem>
<asp:ListItem>BSCN</asp:ListItem>
<asp:ListItem>BCOM</asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
<tr>
<td align="right" class="auto-style140" style="border: thin dotted #0000FF"><strong>B.A</strong></td>
<td align="left" class="auto-style113" colspan="0">Group 1</td>
<td class="auto-style162">Group 2</td>
<td align="left" class="auto-style114">Group 3</td>
<td align="left" class="auto-style95">Group 4</td>
<td align="left" class="auto-style150">Group 5</td>
<td align="left" class="auto-style174">Group 6</td>
<td align="left" class="auto-style160">Group 7</td>
<td align="left" class="auto-style136">Group 8</td>
<td align="left" class="auto-style116"> </td>
</tr>
<tr>
<td align="right" class="auto-style140" style="border: thin dotted #0000FF"><span class="auto-style43">Select Any four </span>
<br class="auto-style43" />
<span class="auto-style43">subjects ,Max one from<br /> each group</span></td>
<td align="left" class="auto-style117">
<asp:CheckBox ID="ge" runat="server" BackColor="#CCFFFF" Text="GE" onclick="javascript:return ChkValidate();" SkinID="ch" />
<br />
</td>
<td align="left" class="auto-style163" rowspan="1">
<asp:CheckBox ID="PS" runat="server" BackColor="#CCFFFF" Text="PS" onclick="aspcheckPS();" SkinID="ch"/>
<br class="auto-style139" />
<br class="auto-style139" />
<asp:CheckBox ID="ED" runat="server" BackColor="#CCFFFF" Text="ED" onclick="aspcheckED();" SkinID="ch" />
</td>
<td align="left" class="auto-style118">
<asp:CheckBox ID="ec" runat="server" BackColor="#CCFFFF" Text="EC" onclick="javascript:return ChkValidate();" SkinID="ch" />
<br />
<br />
</td>
<td align="left" class="auto-style96">
<asp:CheckBox ID="kr" runat="server" BackColor="#CCFFFF" Text="KR" onclick="javascript:return ChkValidate();" SkinID="ch" />
<br />
</td>
<td align="left" class="auto-style151" rowspan="1">
<asp:CheckBox ID="MA" runat="server" BackColor="#CCFFFF" Text="MA" onclick="javascript:return ChkValidate();" SkinID="ch" />
<br class="auto-style139" />
<br class="auto-style139" />
<asp:CheckBox ID="EL" runat="server" BackColor="#CCFFFF" Text="EL" onclick="javascript:return ChkValidate();" SkinID="ch"/>
<br class="auto-style139" />
<br class="auto-style139" />
<asp:CheckBox ID="HS" runat="server" BackColor="#CCFFFF" Text="HS" onclick="javascript:return ChkValidate();" SkinID="ch"/>
<br class="auto-style139" />
<br class="auto-style139" />
<br class="auto-style139" />
</td>
<td align="left" class="auto-style175" rowspan="1">
<asp:CheckBox ID="UR" runat="server" BackColor="#CCFFFF" Text="UR" onclick="javascript:return ChkValidate();" SkinID="ch" />
<br class="auto-style139" />
<br class="auto-style139" />
<asp:CheckBox ID="PJ" runat="server" BackColor="#CCFFFF" Text="PJ" onclick="javascript:return ChkValidate();" SkinID="ch" />
<br class="auto-style139" />
</td>
<td align="left" class="auto-style161" rowspan="1">
<asp:CheckBox ID="AR" runat="server" BackColor="#CCFFFF" Text="AR" onclick="javascript:return ChkValidate();" SkinID="ch" />
<br class="auto-style139" />
<br class="auto-style139" />
<asp:CheckBox ID="PR" runat="server" BackColor="#CCFFFF" Text="PR" onclick="javascript:return ChkValidate();" SkinID="ch" />
</td>
<td align="left" class="auto-style137">
<asp:CheckBox ID="fe" runat="server" BackColor="#CCFFFF" Text="FE" onclick="javascript:return ChkValidate();" SkinID="ch" />
</td>
</tr>
</table>
函数ChkValidate（）{
var计数器=0；
var panel=document.getElementById（“panel1”）
对于（i=0；i4）
{
警报（“您已达到最大选择范围”）；
返回false；
}
}
}
函数aspcheckED0（）{
document.getElementById（“PS0”）.checked=false；
}
函数aspcheckPS0（）{
document.getElementById（“ED0”）.checked=false；
}
函数aspcheckEL0（）{
document.getElementById（“HS0”）.checked=false；
document.getElementById（“MA0”）.checked=false；
}
函数aspcheckHS0（）{
document.getElementById（“EL0”）.checked=false；
document.getElementById（“MA0”）.checked=false；
}
函数aspcheckMA0（）{
document.getElementById（“EL0”）.checked=false；
document.getElementById（“HS0”）.checked=false；
}
函数aspcheckUR0（）{
document.getElementById（“PJ0”）.checked=false；
}
函数aspcheckPJ0（）{
document.getElementById（“UR0”）.checked=false；
}
函数aspcheckAR0（）{
document.getElementById（“PR0”）.checked=false；
}
函数aspcheckPR0（）{
document.getElementById（“AR0”）.checked=false；
}
输入您的入学详细信息
选择您的课程：
文学士
理学士
BSCN
BCOM
B.A
第一组
第2组
第3组
第4组
第5组
第6组
第7组
第8组
选择任意四个