博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
超简单全选/反选/不选
阅读量:7093 次
发布时间:2019-06-28

本文共 1068 字,大约阅读时间需要 3 分钟。

JQ

<script src="jquery-1.8.3.min.js"></script>

    <script type="text/javascript">
        function Select(obj) {
            //获取参数
            var str = $(obj).attr('data-name');
            //获取name=color的input标签
            var name = $('input[name=color]');
            //循环name=color的input标签
            for (var i = 0; i < name.length; i++) {
                switch (str) {
                    case 'Q':
                        //全选为true
                        name[i].checked = true;
                        break;
                    case 'F':
                        //取反为对立
                        name[i].checked = !name[i].checked;
                        break;
                    case 'B':
                        //不选为false
                        name[i].checked = false;
                        break;
                }
            }
        }

//var num = $("input[type=checkbox]:checked").length;

    </script>

HTML

<input type="checkbox" name="color" value="红色" />红色

    <input type="checkbox" name="color" value="黑色" />黑色
    <input type="checkbox" name="color" value="绿色" />绿色
    <input type="checkbox" name="color" value="蓝色" />蓝色
    <br />
    <br />
    &nbsp<input type="button" name="name" value="全选" data-name="Q" οnclick="Select($(this))" />
    &nbsp<input type="button" name="name" value="反选" data-name="F" οnclick="Select($(this))" />
    &nbsp<input type="button" name="name" value="不选" data-name="B" οnclick="Select($(this))" />

转载于:https://www.cnblogs.com/LD1018/p/7942692.html

你可能感兴趣的文章
chart 目录结构 - 每天5分钟玩转 Docker 容器技术(164)
查看>>
自动化运维工具之Zabbix宏使用及用户自定义监控(三)
查看>>
每日一道shell 练习(05)——批量打包文件
查看>>
思科3550交换机 12T 12G 两种型号区别
查看>>
grep 技巧
查看>>
4月第一周中国五大顶级域名增3.7万 美国减3457个
查看>>
RedHat6使用Centos6的yum源
查看>>
NoSQL最新现状和趋势:云NoSQL数据库将成重要增长引擎
查看>>
206. Reverse Linked List - LeetCode
查看>>
Linux环境下Maven仓库的搭建(nexus)及Mavan的简单使用
查看>>
批量替换多个文件中的字符
查看>>
我的友情链接
查看>>
IndexWriter和IndexReader对象分析
查看>>
Linux设置网络及问题排查
查看>>
linux array数组
查看>>
最简单的网页换肤(jQuery)
查看>>
Python3 通过 pika 连接 RabbitMQ 的基本用法
查看>>
我的友情链接
查看>>
The operation couldn’t be completed. Unable to log in with account ''
查看>>
ESXi为虚拟机选择网络适配器 (2093486)
查看>>