JavaScript实现Checkbox全选与反选的两种基础方法

作者:异步漫步时间:2026-10-29 00:49:48浏览:294

本文介绍使用JavaScript通过遍历DOM元素实现checkbox全选和反选的基础方法。通过document.getElementsByTagName获取所有input标签,判断type属性为checkbox后,分别将checked属性设置为true或false,从而完成全选与反选功能。

JavaScript实现Checkbox全选与反选的基础方法

本文介绍两种使用JavaScript实现checkbox全选与反选的方法:



方法一:



1. 使用JavaScript实现checkbox的全选功能:


代码如下:

 
function checkAll()
{ 
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{ 
code_Values[i].checked = true;
} 
} 
} 

2. 使用JavaScript实现checkbox的反选功能:


代码如下:

 
function uncheckAll()
{ 
var code_Values = document.getElementsByTagName("input");
for(i = 0;i < code_Values.length;i++){
if(code_Values[i].type == "checkbox")
{ 
code_Values[i].checked = false;
} 
} 
} 
作者最新文章