JS获得checkbox的选择项

时间:2016-11-23 21:22:27 类型:JS/JQUERY
字号:    

做表单验证时, 经常需要检查是否选择了checkbox, 然后做出判断,那么通过JS怎么来判断呢?

HTML代码如下:


 爱好: 
                       <input type="checkbox" aa="1" name="hobby[]" value="篮球">篮球
                       <input type="checkbox" aa="2" name="hobby[]" value="网球">网球
                       <input type="checkbox" aa="3" name="hobby[]"  value="乒乓球">乒乓球
                       <input type="checkbox" aa="4" name="hobby[]" value="羽毛球">羽毛球

JS代码如下, 通过document.getElementsByName, 获得所有的checkbox对象, 然后通过for循环遍历, 及checked属性来判定, 是否选择

function formVerify(){
	
	var hobbys = document.getElementsByName("hobby[]");
	var hobbynum = 0;
	for(x in hobbys){
		if(hobbys[x].checked) hobbynum++;
	}
	if(hobbynum==0){alert("请选择爱好");return false;}
	
	document.getElementById("formss").submit();  //提交表单
}