两种不同的方法实现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;
}
}
}
相关文章
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
这篇文章主要介绍了微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示的实现,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
js键盘事件keydown事件、防止重复触发以及组合键的配合使用
这篇文章主要给大家介绍了关于js键盘事件keydown事件、防止重复触发以及组合键配合使用的相关资料,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2024-04-04


最新评论