JavaScript验证表单复选框
一个表单,有五六个checkbox,用javascript 如何判断提交时是否有选中。
一个表单,有五六个checkbox,用javascript 如何判断提交时是否有选中。
答案:<script>
function test( n ) {
for ( var i = 0; i < n.ck.length; ++i ) {
if ( n.ck[i].checked == true ) return true;
}
alert( '没有任何checkbox被选中' );
return false;
}
</script>
<form>
<input type="checkbox" value="1" name="ck" />
<input type="checkbox" value="2" name="ck" />
<input type="checkbox" value="3" name="ck" />
<input type="checkbox" value="4" name="ck" />
<input type="checkbox" value="5" name="ck" />
<input type="submit" onclick="return test( this.parentNode )" />
</form>function isChecked(){
var ids = document.getElementsByName("testCheck");//testCheck是你check元素的name属性
var i=0;
for(i=0; i<ids.length; i++) {//ids.length能得到一共有多少个复选框
if(ids[i].checked)//判断是否被选中
break;
}
if(i==ids.length){//说明没有被选中的复选框
alert('弹出提示信息!');
return false;
}else if(confirm('真的要删?')){
return true;
}else{
return false;
}
}<html>
<head>
<title>标题页</title>
<script LANGUAGE="JavaScript">
function test()
{
//考虑到input有多种类型,所以还需要判断type属性
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++){
if(inputs[i].type=="checkbox" && inputs[i].checked)
alert("选中"+inputs[i].value);}
}
</script>
</head>
<body>
<input type=text name="txt1" value="this is test!" onChange="test(this)">
<input type=checkbox value="判断1">
<input type=checkbox value="判断2">
<input type=checkbox value="判断3">
<input type=checkbox value="判断4">
<input type=button value="submit" onClick="test()">
</body>
</html>