欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

两种不同的方法实现js对checkbox进行全选和反选_javascript技巧

程序员文章站 2022-04-12 10:40:42
...
通过两种不同的方法实现用js来对checkbox进行全选和反选:

方法一:

1:js实现checkbox的 全选 功能:
复制代码 代码如下:

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

2:js实现checkbox的 反选 功能:
复制代码 代码如下:

function uncheckAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = false;
}
}
}