用js判断复选框（checkbox）是否选中的问题

最新推荐文章于 2022-07-07 00:21:30 发布

原创最新推荐文章于 2022-07-07 00:21:30 发布 · 7.3k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#用js判断checkbox是否选中

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种JavaScript实现的多选框非空验证方法，通过遍历获取的同名多选框元素来判断是否至少有一个选项被选中，并在未选择任何项时给出提示。

/**
 * 应用场景：页面提供checkbox供选择，可以多选但是不能为空，为空时候要进行相关的提示操作。但是怎么判断为空呢？就需要用到下面说的这种情况。
 * 注意：这里不能使用document.getElementById(),因为这样取到的只是一个标签，而这里需要的取到的是数组。
 */
function isChecked(){
	var count = 0;
	var checkArray = document.getElementsByName("checkboxID");
	for ( var i = 0; i < checkArray.length; i++) {
		if(checkArray[i].checked == true){
			//在此可以对选中的标签进行操作
			count ++;
		}
	}
	if(count == 0){
		//至此，说明没有标签被选择到，可以进行相应的操作
		alert("请选择！")
	}
}

isChecked();//在需要判断的地方调用此函数即可