唯爱小粽子:js实现checkbox的全选和反选
来源:互联网 发布:微信群规制作软件 编辑:程序博客网 时间:2024/04/29 23:19
通过两种不同的方法实现用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;
}
}
}
方法二:
全选功能实现:
[javascript]
function checkAllViewable(bool){
var boxs = document.getElementsByName("viewables");
for (var i = 0; i < boxs.length; i++) {
if (boxs[i].type == "checkbox")
boxs[i].checked = bool;
}
}
[javascript]
<a href="javascript: checkAllViewable(true)">全选</a>
- 唯爱小粽子:js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- JS实现CheckBox的全选/反选
- js中checkbox中的全选和反选效果实现
- js中checkbox中的全选和反选效果实现
- js实现checkbox全选,反选,全不选
- js 实现checkbox全选、全不选、反选
- js实现checkbox全选,反选,全不选
- 使用js实现checkbox的全选与反选功能
- CheckBox 全选和反选 JS
- js checkbox 全选和反选
- 关于JS实现datagrid客户端checkbox列的全选和反选
- js实现同名checkbox的全选/全取消和反选
- jQuery实现checkbox全选和反选
- jquery实现 checkbox全选和反选
- Jquery实现checkbox全选和反选
- 第九周-项目四-向量类
- 【读书笔记】计算机网络1章:课程介绍、协议、分层
- C语言 绘制漂亮的六叶图案
- POJ 2080 (线性表)
- 编译GDAL静态库
- 唯爱小粽子:js实现checkbox的全选和反选
- MFC消息机制
- c++ primer plus(第6版)中文版 第十章编程练习答案
- c++ namespace 笔记
- 论存储过程,(小菜比而写,不是专业的,非喜勿黑)
- C++基础
- ubuntu下基本网络配置
- 迅雷下载原理和P2p技术
- WinForm窗体之间操作