<html>
<head>
<title>判断多选,单选是否选中</title>
<script>
function checkRadioOrCheckbox(formObject){
var fObject=formObject;
var checkboxObject=document.getElementsByName("ckname");
var radioObject=document.getElementsByName("radioname");
var cknum=0;
var radionum=0;
for(var j=0;j<checkboxObject.length;j++){
if(checkboxObject[j].checked){
cknum=cknum+1;
}
}
if(cknum==0){
alert("checkbox没选");
return false;
}else if(cknum>3){//超过3个checkbox checked
alert("最多选3个");
return false;
}
for(var j=0;j<radioObject.length;j++){
if(radioObject[j].checked){
radionum=radionum+1;
}
}
if(radionum==0){
alert("radio没选");
return false;
}
}
</script>
</head>
<body>
<form method="post" action="" onsubmit="return checkRadioOrCheckbox(this);">
<div>
<div>checkbox</div>
<input type="checkbox" name="ckname" value="0">
<input type="checkbox" name="ckname" value="1">
<input type="checkbox" name="ckname" value="2">
<input type="checkbox" name="ckname" value="3">
<input type="checkbox" name="ckname" value="4">
<input type="checkbox" name="ckname" value="5">
</div>
<div>
<div>radio type</div>
<input type="radio" name="radioname" value="0">
<input type="radio" name="radioname" value="1">
<input type="radio" name="radioname" value="2">
<input type="radio" name="radioname" value="3">
<input type="radio" name="radioname" value="4">
</div>
<input type="submit" name="submit" value="测试checkbox or radio checked">
</form>
</body>
</html>