两种不同的方法实现js对checkbox进行全选和反选
时间:2021-07-10 09:33:52|栏目:JavaScript代码|点击: 次
通过两种不同的方法实现用js来对checkbox进行全选和反选:
方法一:
1:js实现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:js实现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;
}
}
}
方法一:
1:js实现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:js实现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;
}
}
}
上一篇:微信小程序 选项卡的简单实例
栏 目:JavaScript代码
下一篇:详解原生JS动态添加和删除类
本文标题:两种不同的方法实现js对checkbox进行全选和反选
本文地址:http://www.codeinn.net/misctech/155461.html