两种不同的方法实现js对checkbox进行全选和反选
更新时间:2014年05月13日 09:12:50 作者:
这篇文章主要介绍了通过两种不同的方法实现js对checkbox进行全选和反选,需要的朋友可以参考下
通过两种不同的方法实现用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;
}
}
}
相关文章
TypeScript Pinia实战分享(Vuex和Pinia对比梳理总结)
这篇文章主要介绍了TypeScript Pinia实战分享(Vuex和Pinia对比梳理总结),今天我们再来实战下官方推荐的新的vue状态管理工具Pini,感兴趣的小伙伴可以参考一下2022-06-06
最新评论