C# 使用Javascript循环检查复选框
我尝试使用我在这里和其他地方找到的javascript示例。问题是我使用的是一个在服务器上工作的表控件,所以我使用的javascript不能识别服务器端的复选框。我一遍又一遍地收到同样的错误信息。我得到了20行,每行2列,一行用于复选框,另一行用于语句,用户在提交之前必须通过复选框进行验证。用户必须实际选中每个框。如果没有选中任何复选框,那么我希望看到一条弹出消息,说明他们必须选中所有复选框,否则我将重定向到另一个页面,当然这一切都发生在按钮单击事件上。这一切都在VisualStudio2010上进行,使用C#,后端是Sql server 这里是我使用的JS示例C# 使用Javascript循环检查复选框,c#,javascript,asp.net,C#,Javascript,Asp.net,我尝试使用我在这里和其他地方找到的javascript示例。问题是我使用的是一个在服务器上工作的表控件,所以我使用的javascript不能识别服务器端的复选框。我一遍又一遍地收到同样的错误信息。我得到了20行,每行2列,一行用于复选框,另一行用于语句,用户在提交之前必须通过复选框进行验证。用户必须实际选中每个框。如果没有选中任何复选框,那么我希望看到一条弹出消息,说明他们必须选中所有复选框,否则我将重定向到另一个页面,当然这一切都发生在按钮单击事件上。这一切都在VisualStudio2010
<SCRIPT TYPE="text/javascript" LANGUAGE=JAVASCRIPT>
function checkCheckBoxes() {
if (document.frmTest. CheckBox1.checked == false &&
document.frmTest. CheckBox2.checked == false &&
document.frmTest. CheckBox3.checked == false &&
document.frmTest. CheckBox4.checked == false &&
document.frmTest. CheckBox19.checked == false &&
document.frmTest. CheckBox5.checked == false &&
document.frmTest. CheckBox6.checked == false &&
document.frmTest. CheckBox7.checked == false &&
document.frmTest. CheckBox8.checked == false &&
document.frmTest. CheckBox9.checked == false &&
document.frmTest. CheckBox10.checked == false &&
document.frmTest. CheckBox11.checked == false &&
document.frmTest. CheckBox12.checked == false &&
document.frmTest. CheckBox13.checked == false &&
document.frmTest. CheckBox14.checked == false &&
document.frmTest. CheckBox15.checked == false &&
document.frmTest. CheckBox16.checked == false &&
document.frmTest. CheckBox17.checked == false &&
document.frmTest. CheckBox18.checked == false &&
document.frmTest. CheckBox20.checked == false &&)
{
alert ('You must check all the checkboxes!');
return false;
}
else
{
return true;
}
}
</SCRIPT>
then, <form onsubmit="return checkCheckBoxes();" action="">
<input type="checkbox" name=" CheckBox1" value="1">
<input type="checkbox" name=" CheckBox2" value="2">
<input type="checkbox" name=" CheckBox3" value="3">
<input type="checkbox" name=" CheckBox4" value="4">
<input type="checkbox" name=" CheckBox19" value="19">
<input type="checkbox" name=" CheckBox5" value="5">
<input type="checkbox" name=" CheckBox6" value="6">
<input type="checkbox" name=" CheckBox7" value="7">
<input type="checkbox" name=" CheckBox8" value="8>
<input type="checkbox" name=" CheckBox9" value="9">
<input type="checkbox" name=" CheckBox10" value="10">
<input type="checkbox" name=" CheckBox11" value="11">
<input type="checkbox" name=" CheckBox12" value="12">
<input type="checkbox" name=" CheckBox13" value="13">
<input type="checkbox" name=" CheckBox14" value="14">
<input type="checkbox" name=" CheckBox15" value="15">
<input type="checkbox" name=" CheckBox16" value="16">
<input type="checkbox" name=" CheckBox17" value="17">
<input type="checkbox" name=" CheckBox18" value="19">
<input type="checkbox" name=" CheckBox20" value="20">
<input type="submit" value="Submit!" />
</form>
函数复选框(){
if(document.frmTest.CheckBox1.checked==false&&
document.frmTest.CheckBox2.checked==false&&
document.frmTest.CheckBox3.checked==false&&
document.frmTest.CheckBox4.checked==false&&
document.frmTest.CheckBox19.checked==false&&
document.frmTest.CheckBox5.checked==false&&
document.frmTest.CheckBox6.checked==false&&
document.frmTest.CheckBox7.checked==false&&
document.frmTest.CheckBox8.checked==false&&
document.frmTest.CheckBox9.checked==false&&
document.frmTest.CheckBox10.checked==false&&
document.frmTest.CheckBox11.checked==false&&
document.frmTest.CheckBox12.checked==false&&
document.frmTest.CheckBox13.checked==false&&
document.frmTest.CheckBox14.checked==false&&
document.frmTest.CheckBox15.checked==false&&
document.frmTest.CheckBox16.checked==false&&
document.frmTest.CheckBox17.checked==false&&
document.frmTest.CheckBox18.checked==false&&
document.frmTest.CheckBox20.checked==false&)
{
警报('您必须选中所有复选框!');
返回false;
}
其他的
{
返回true;
}
}
那么,
您可以使用C#ClientID属性获取复选框的HTML ID。将该ID插入Javascript,然后您就可以选择相关的复选框并对其执行任何操作。您可以使用C#ClientID属性获取复选框的HTML ID。将该ID插入Javascript,然后您就可以选择相关的复选框并对其执行任何操作。您需要类似的操作
var pass = true;
for (var i = 0; i < form.elements.length; i++ )
{
if (form.elements[i].type == 'checkbox')
{
if (form.elements[i].checked == false)
{
pass = false;
}
}
}
if(!pass)
{
alert ('You must check all the checkboxes!');
}
return pass;
var pass=true;
对于(var i=0;i
希望这有帮助。你需要这样的东西
var pass = true;
for (var i = 0; i < form.elements.length; i++ )
{
if (form.elements[i].type == 'checkbox')
{
if (form.elements[i].checked == false)
{
pass = false;
}
}
}
if(!pass)
{
alert ('You must check all the checkboxes!');
}
return pass;
var pass=true;
对于(var i=0;i
希望这有帮助。使用querySelectorAll检查所有未选中的复选框。如果有,抛出错误消息,否则发回
function checkCheckboxes(){
if(document.querySelectorAll('input[type="checkbox"]:not(:checked)').length > 0){
alert("all checkboxes must be checked");
return false;
} else{
return true;
}
}
注意:这仅适用于现代浏览器Firefox 3.1+、IE8+(仅适用于IE8标准模式)和Safari 3.1+使用querySelectorAll检查是否有未选中的复选框。如果有,抛出错误消息,否则发回
function checkCheckboxes(){
if(document.querySelectorAll('input[type="checkbox"]:not(:checked)').length > 0){
alert("all checkboxes must be checked");
return false;
} else{
return true;
}
}
注意:这仅适用于现代浏览器Firefox 3.1+、IE8+(仅适用于IE8标准模式)和Safari 3.1+复选框是否都是独立的,或者它们是由数据控件生成的,如中继器
?复选框是否都是独立的,或者它们是由数据控件生成的,如中继器
?