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;
}
}
} 作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
