checkbox全选操作

蔚落 2021-09-12 05:26 388阅读 0赞

**1、全选**

//参数1：点击“全选”多选钮ID
    //参数2：需要被全选的多选钮Name
    function checkAll(id, checkname) {
        var obj = document.getElementById(id);
        if (obj.checked) {
            $("input[name='" + checkname + "']").attr('checked', true)
        } else {
            $("input[name='" + checkname + "']").attr('checked', false)
        }
    }

**2、反向选择**

function ChkboxEverseOperation(checkname) {
        var aCheckBoxs = document.getElementsByName(checkname);
        for (var i = 0; i < aCheckBoxs.length; i++) {
            if (aCheckBoxs[i].checked) {
                aCheckBoxs[i].checked = false;
            }
            else {
                aCheckBoxs[i].checked = true; 
            }
        }
    }

**3、取checkbox 返回数组**

function checkvalue(name) {
        var obj = document.getElementsByName(name);
        var aList = [];
        var j = 0;
        for (var i = 1; i < obj.length; i++) {
            if (obj[i].checked) {
                j = j + 1;
                aList[j - 1] = obj[i].value;
            }
        }
        if (aList.length == 0) {
            alert("至少选择一条记录");
            return false;
        }
        else {
            return aList;
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，388人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUE Element UI checkbox 全选操作

引入checkbox 组件 ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png] <el-checkbox :indeterm

小咪咪/ 2022年11月10日 03:44/ 0 赞/ 153 阅读

相关 CheckBox全选按钮

在做项目的时候，发现自己对表头双击不会写，这可把自己气坏了，所以导致自己只能退而求其次，以按钮来代替表头了。 DataGrid表格和CheckBox复选框的关系吗，懂得都懂，

朱雀/ 2022年10月10日 09:51/ 0 赞/ 182 阅读

相关 VUE Element UI checkbox 全选操作

[VUE Element UI checkbox 全选操作 - smile\_lg - 博客园][VUE Element UI checkbox _ - smile_lg -]

川长思鸟来/ 2022年09月17日 05:29/ 0 赞/ 196 阅读

相关 jQuery实现CheckBox全选、全不选

`<!DOCTYPE html PUBLIC` `"-//W3C//DTD XHTML 1.0 Transitional//EN"` `"http://www.w3.org/T

悠悠/ 2022年06月14日 12:16/ 0 赞/ 241 阅读

相关 jQuery实现CheckBox全选、全不选

<script src="jquery-1.6.2.min.js"></script> <input type="checkbox" id=

喜欢ヅ旅行/ 2022年06月12日 00:17/ 0 赞/ 263 阅读

相关 jquery checkbox全选/反选

使用jquery全选和反选多选框 $('.ck').each(function(){ if($(this).is(':checked')){

青旅半醒/ 2022年06月10日 08:13/ 0 赞/ 298 阅读

相关 input checkbox 全选与取消全选

看书：<input type="checkbox" name="checkbox" value=1><br> 写字：<input type="checkbox" name=

喜欢ヅ旅行/ 2022年06月06日 09:47/ 0 赞/ 323 阅读

相关 checkbox全选,反选,获取全选值,获取checkbox勾选长度

这个checkbox全选反选这些场景还是挺常见的，So,在此记录一下，方便大家方便自己。废话不多说，直接看代码。。 1.全选和反选,参数为name和id //j

朴灿烈づ我的快乐病毒、/ 2022年04月23日 12:58/ 0 赞/ 292 阅读

相关 jq 操作表单中 checkbox 全选单选

知识点： Note: 1：　　.prop() 和 .attr() 方法的区别　　　　.prop() 针对标签既有属性　　　　.attr() 针对自定义属性 2

怼烎@/ 2021年12月23日 09:15/ 0 赞/ 324 阅读

相关 checkbox全选操作

1、全选 //参数1：点击“全选”多选钮ID //参数2：需要被全选的多选钮Name function checkAll(id, checknam

蔚落/ 2021年09月12日 05:26/ 0 赞/ 389 阅读