多个 checkbox 至少选择一个的js验证

Question

<form id="form1" name="form1" method="post" action="">
<input type='checkbox' value='1' name='TelCheckBox1' id='TelCheckBox1' />
<input type='checkbox' value='2' name='TelCheckBox2' id='TelCheckBox2' />
<input type='checkbox' value='3' name='TelCheckBox3' id='TelCheckBox3' />
<input type='checkbox' value='4' name='TelCheckBox4' id='TelCheckBox4' />
<input type='checkbox' value='5' name='TelCheckBox5' id='TelCheckBox5' />
<input type='checkbox' value='6' name='TelCheckBox6' id='TelCheckBox6' />
<input type='checkbox' value='7' name='TelCheckBox7' id='TelCheckBox7' />
................................
依次类推<input type="submit" name="button" id="button" value="确定" />
</form>js小白，求高人帮忙。

Answer 1

var inputs = document.getElementsByTagName('input');
var isChecked = false;
for (var i = 0, l = inputs.length; i < l; i++) {
    if (inputs[i].type='checkbox' && inputs[i].checked == true) {
        isChecked = true;
        return; 
    }
}
if (!isChecked) alert('至少选择一个');

Answer 2

給個默認值就可以了如加第一個 checked="true"或逐個判斷
如
 if(document.getElementById("TelCheckBox1").checked!=true || document.getElementById("TelCheckBox2").checked!=true || document.getElementById("TelCheckBox3").checked!=true || document.getElementById("TelCheckBox4").checked!=true || document.getElementById("TelCheckBox5").checked!=true || document.getElementById("TelCheckBox6").checked!=true || document.getElementById("TelCheckBox7").checked!=true )
{
alert("至少選擇一項");
}

Answer 3

function test() {
var tags = document.getElementsByTagName("input");
var flag = false;

for (i = 0;i < tags.length; i++) {

if(tags[i].type == "checkbox" && tags[i].checked ==true ) {

flag = true;
break;
}
}

if (flag == true) {
alert("xuan le");
} else  {
alert("mei xuan");
}
}

Answer 4

来晚了给个jquery版:if ($(":checkbox:checked").size() == 0)
{
  alert("最少选择一个");
}

Answer 5

<form id="form1" name="form1" method="post" action="">
<input type='checkbox' value='1' name='TelCheckBox1' id='TelCheckBox1' />
<input type='checkbox' value='2' name='TelCheckBox2' id='TelCheckBox2' />
<input type='checkbox' value='3' name='TelCheckBox3' id='TelCheckBox3' />
<input type='checkbox' value='4' name='TelCheckBox4' id='TelCheckBox4' />
<input type='checkbox' value='5' name='TelCheckBox5' id='TelCheckBox5' />
<input type='checkbox' value='6' name='TelCheckBox6' id='TelCheckBox6' />
<input type='checkbox' value='7' name='TelCheckBox7' id='TelCheckBox7' />
................................
依次类推<input type="submit" name="button" id="button" value="确定" onclick="a()" />
</form>
<script>
function a()
{
var inputs = form1.elements.tags("input");
for(var i=0;i<inputs.length;i++)
if(inputs[i].type=="checkbox")
if(inputs[i].checked) break;
if(i==inputs.length) alert("必须至少选择一个 checkbox !")
}
</script>