JS实现HTML复选框的全选

全选复选框实现

最新推荐文章于 2025-07-07 16:24:22 发布

最新推荐文章于 2025-07-07 16:24:22 发布 · 164 阅读

文章标签：

#HTML #Java

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现全选与取消全选多个复选框的方法。通过获取特定ID和名称的元素来控制一组复选框的状态，提高了用户在网页上选择多个项目的效率。


function selectAll(){
			var selectall=document.getElementById("selectall");
			var checkboxid=document.getElementsByName("checkboxid");
			if(selectall.checked==true){
				for(var i=0;i<checkboxid.length;i++){
					checkboxid[i].checked=true;
				}
			}else{
				for(var i=0;i<checkboxid.length;i++){
					checkboxid[i].checked=false;
				}
			}

		}