全选和选项交互

效果描述:

实现勾选全部选项自动把全选按钮勾上;选项中有一个没有勾选,全选按钮则不勾选

       private int chFlag = 1;//记录是否触发全选事件
        //设置全选按钮状态
        private void SetCheckState()
        {
            string flag = "";
            for (int i = 0; i < lvUser.Items.Count; i++)
            {
                flag += lvUser.Items[i].Checked.ToString().ToLower();
            }
            if (!flag.Contains("true"))
            {
                chFlag = 2;
                cbAll.Checked = false;
                chFlag = 1;
            }
            if (!flag.Contains("false"))
            {
                chFlag = 1;
                cbAll.Checked = true;
            }
            if (flag.Contains("true") && flag.Contains("false"))
            {
                chFlag = 2;
                cbAll.Checked = false;
                chFlag = 1;
            }
        }

        //列表选中事件
        private void lvUser_ItemChecked(object sender, ItemCheckedEventArgs e)
        {
            chFlag = 1;
            SetCheckState();
        }

        //全选按钮事件
        private void cbAll_CheckedChanged(object sender, EventArgs e)
        {
            if (chFlag != 2)
            {
                if (lvUser.Items.Count > 0)
                {
                    if (cbAll.Checked)
                    {
                        foreach (ListViewItem item in lvUser.Items)
                        {
                            item.Checked = true;
                        }
                    }
                    else
                    {
                        foreach (ListViewItem item in lvUser.Items)
                        {
                            item.Checked = false;
                        }
                    }
                }
            }
        }

时间: 2024-08-03 06:47:19

全选和选项交互的相关文章

分页的前后交互配置+全选隐藏功能,该条信息的前后交互(全选与该条信息的绑定)。

其中两个知识点需要注意: 1.分页的前后交互配置. 2.全选隐藏功能,该条信息的前后交互(全选与该条信息的绑定). a)分页的交互: $(function(){         var pageNum=1;//总页数         var pageIndex=1;//页索引,当前页         var num=10;         getData(1,num);         function getData(pageIndex,num){             $.ajax({  

JavaScript实现全选选项框的功能和鼠标划入出现下拉框的功能--JavaScript实例集锦(初学)

有一些论坛,文章后台编辑都会出现选择框的操作. 1.实现选项框全选和取消全选的功能: 代码实现: <!DOCTYPE html> <html> <head> <title>全选功能</title> <script type="text/javascript"> window.onload=function(){ var oBtn=document.getElementById('btn'); var aInput=

Angular实现全选后的取消其中一个选项则不能实现全选

在前面一章我们实现了全选与反选,那么在这一章我们要实现的是取消个别的则不能实现全选 也应该从状态是否被选中入手 html: <td> <input type="checkbox" [(checked)]="item.status" (click)="checkboxClick($event,i);checkBoxOne()"></td> checkboxClick(e,i){ let checkedOne =

全选与反选

我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <ul id="list"> <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li> <li><label><input type="checkbox&qu

jQuery实现的全选、反选和不选功能

适用于网页多选后需要进行批量操作的场景(如批量删除等).如有问题希望大家可以指正.谢谢~~ HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮 <ul id="list"> <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li> <l

checkbox 全选,反选 ,全不选

在表格或者列表中经常会遇到要全选或者反选等交互,今天总结了一下代码,保留着以后直接拿来用 原理: 1. 全选:当全选checkbox被点击(不管点击之前是什么状态)后,获取其checked状态.然后对列表进行循环检测,此时可以将所有的(无论之前什么状态),设为选中,也可对未选中的进行选中. 2. 反选:当反选checkbox被点击(不管点击之前是什么装填)后,获取其其状态值,对列表进行循环检测,将被检测的元素的checked状态反向处理,即可. 3. 列表全选或者不全选:当列表中的任意一个che

jq 全选、反选、判断选中的条数

1.全选或全不选.当勾选全选按钮#selectAll旁边的复选框#all时,列表中的选项全部选中,反之取消勾选则列表中的选项全部为未选中状态. $("#all").click(function(){ if(this.checked){ $("#list :checkbox").prop("checked", true); }else{ $("#list :checkbox").prop("checked",

jquery实现全选、全不选、反选、获取选中的所有值总结

HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <!doctype html><html><head> <meta charset="UTF-8"> <title>checkbox2</title> <style> li { list-style:none; } </style> <script src="js/

多选框的全选和全不选(复制)

jQuery实现的全选.反选和不选功能 本文给大家分享一段基于jQuery的全选.反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等).文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者. 查看演示 HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <ul id="list"> <li><label><input type