文档章节

Javascript 控制 CheckBox 的全选与取消全选

_lhtk_
 _lhtk_
发布于 2016/11/13 22:40
字数 129
阅读 13
收藏 1

参考自这里:Javascript 控制 CheckBox 的全选与取消全选

稍微改了下:

// checkByClass.js
//
// 说明:Javascript 控制 CheckBox 的全选与取消全选
// 整理:http://www.CodeBit.cn

function checkAllByClass(className)
{
    var el = document.getElementsByTagName('input');
    var len = el.length;
    for(var i=0; i<len; i++)
    {
        if((el[i].type=="checkbox") && (el[i].className==className))
        {
            el[i].checked = true;
        }
    }
}
function clearAllByClass(className)
{
    var el = document.getElementsByTagName('input');
    var len = el.length;
    for(var i=0; i<len; i++)
    {
        if((el[i].type=="checkbox") && (el[i].className==className))
        {
            el[i].checked = false;
        }
    }
}

存一份方便自己查看。

本文转载自:http://www.codebit.cn/javascript/javascript-checkbox.html

_lhtk_
粉丝 4
博文 65
码字总数 15840
作品 0
成都
私信 提问
使用jQuery设置元素选中的问题及解决办法

现在界面操作的js脚本很多人都是使用的jquery了吧,这其中就有很多的什么控制checkbox的选中与不选中啊什么的(特别是这个在做“全选”的时候很有用),还有就是某些时候的多选模式下的selec...

阿信sxq
2015/06/01
0
0
【原创】全选/取消全选-全选下的选项反作用于全选

功能实现: 点击全选,后面check项,全部勾选或者全部取消;(全选check 作用于 子check项) 如果后面check项,全部勾选,全选check则勾选;(子check项 反作用于 全选check) 如果后面check...

柴高八斗之父
2018/02/28
0
0
jquery如何判断checkbox(复选框)是否被选中

都知道 在html 如果一个复选框被选中 是 checked="checked"。 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断 if($("#id").attr("ch......

老鸟的空间
2014/08/05
0
0
checkbox 的 全选按钮 reset 重置的问题

想必大家都会知道如何使用javascript 或者jquery 做全选按钮的。但是,在一个form表单中,如果全选按钮选中后,所有的checkbox也被选中了。这时触发reset事件,只有 全选按钮重置了(取消选中...

zhailibao
2013/03/01
1K
1
JQuery操作checkbox、radio

(引自 daysmileface的博客) 例:将多个选中的checkbox的值组装成一个字符串 <script type=text/javascript> function addMem(){ //var followers = document.getElementsByName("followers")......

JAVA_NINA
2011/12/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机网络

计算机网络体系结构 OSI 其中表示层和会话层用途如下: 表示层 :数据压缩、加密以及数据描述,这使得应用程序不必关心在各台主机中数据内部格式不同的问题。 会话层 :建立及管理会话。 五层...

一只小青蛙
52分钟前
2
0
0.01-Win10安装linux子系统

一、安装Debian子系统 -1、控制面板设置: -1.1、打开“控制面板” —— “程序” —— “启用或关闭Windows功能” —— 勾选 “适用于Linux的Windows子系统” -2、设置: -2.1、打开“设置”...

静以修身2025
昨天
2
0
init 0-6 (启动级别:init 0,1,2,3,4,5,6)

启动级别: init 0,1,2,3,4,5,6 这是个很久的知识点了,只是自己一直都迷迷糊糊的,今天在翻出来好好理解下。。 0: 停机 1:单用户形式,只root进行维护 2:多用户,不能使用net file system...

圣洁之子
昨天
2
0
Android Camera HAL浅析

1、Camera成像原理介绍 Camera工作流程图 Camera的成像原理可以简单概括如下: 景物(SCENE)通过镜头(LENS)生成的光学图像投射到图像传感器(Sensor)表面上,然后转为电信号,经过A/D(模数转...

天王盖地虎626
昨天
2
0
聊聊Elasticsearch的ProcessProbe

序 本文主要研究一下Elasticsearch的ProcessProbe ProcessProbe elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/process/ProcessProbe.java public class ProcessProb......

go4it
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部