js中对单选框或者复选框的选择校验

1.单选框：

    一般情况下，单选框中会对其中的一个设置为checked="checked"，比如性别；所以选择与否的教研就没有必要了

2.复选框：

    目标是保证复选框必须有一个或者更多的被选中！！

两种方式

（1）

1. function Check(){  
2. var cbs = document.getElementsByTagName("input");  
3. var b = false;  
4. for(var i=0;i<cbs.length;i++){  
5.     if(cbs[i].type == "checkbox" && cbs[i].checked){  
6.           
7.             b = true;  
8.         }  
9.     }  
10.     if(!b){  
11.         alert("请至少输入一项兴趣爱好");  
12.         return false;  
13.     }  
14. }  

或者

function Check(){ 

 var cbs = document.getElementsByName("hobbies");  

 var b = 1;

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

    if(cbs[i].checked){      

          b ++;     

    }   

   }     

 if(b == 0){      

   alert("请至少输入一项兴趣爱好");     

   return false;   

   }  

}  

（2）

<h2>请选择您的爱好：</h2>
<form action="">
<label><input type="checkbox" name="hobby" value="上班" />上班</label>
<label><input type="checkbox" name="hobby" value="运动" />运动</label>
<label><input type="checkbox" name="hobby" value="看书" />看书</label>
<label><input type="checkbox" name="hobby" value="上网" />上网</label>
<label><input type="checkbox" name="hobby" value="网购" />网购</label>
<label><input type="checkbox" name="hobby" value="其他" />其他</label>
<input type="reset" value="重 置" />
<input type="button"   οnclick="Submit()" value="提交选择" />
</form>

--------------js(jquery)-------------------

var SelectFalse = false; //用于判断是否被选择条件
function Submit()
{
var chboxValue = [];
var CheckBox = $('input[name = hobby]');//得到所的复选框

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

//jquery1.6以上可以if(CheckBox[i].prop('checked') == true)去判断checkbox是否被选中
if(CheckBox[i].checked)//如果有1个被选中时
{
SelectFalse = true;
chboxValue.push(CheckBox[i].value)//将被选择的值追加到
}
}

if(!SelectFalse)
{
alert("对不起：爱好至少要选一项");
return false
}
alert("您选择爱好对应的value是："+chboxValue);
}