<html>

<head>

    <title>选择</title>

    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>

    <script type="text/javascript">

        $(function () {

            //单选组事件

            $("[name=chk]:checkbox").bind("click", function () {

                if ($(this).attr("check")) {

                    $(this).removeAttr("check");

                } else {

                    $(this).attr("check", true);

                }

            })

            //全选或反选

            $("[name=chkName]:checkbox").click(function () {

                if ($(this).attr("check")) {

                    $(this).removeAttr("check");

                    $("[name=chk]:checkbox").each(function () {

                        if ($(this).attr("check")) {

                            $(this).click();

                        };

                    });

                } else {

                    $(this).attr("check", true);

                    $("[name=chk]:checkbox").each(function () {

                        if (!$(this).attr("check")) {

                            $(this).click();

                        };

                    });

                }

            })

            $("#btnSub").click(function () {

                var arr = [];

                $("[name=chk]:checkbox").each(function () {

                    if ($(this).attr("check")) {

                        arr[arr.length] = $(this).attr("value");

                    }

                })

                alert(arr.join(","))

            })

        })

    </script>

</head>

<body>

    <div>

        <div>

            <span>

                <input type="checkbox" id="chkAll" name="chkName" /></span>

        </div>

        <div>

            <input type="checkbox" id="Checkbox1" name="chk" value="" />

            <input type="checkbox" id="Checkbox2" name="chk" value="" />

            <input type="checkbox" id="Checkbox3" name="chk" value="" />

            <input type="checkbox" id="Checkbox4" name="chk" value="" />

        </div>

        <div>

            <input type="button" id="btnSub" value="提交" />

        </div>

    </div>

</body>

</html>

永久的CheckBox（单选，全选/反选）！的更多相关文章

  1. checkbox、全选反选，获取值

    <input id="Chk_All" onclick="CheckAll()" type="checkbox" /> < ...

  2. jquery控制动态生成的gridview中多列checkbox的全选反选及自动判断是否全选状态

    动态生成的Gridview的前台html代码如下:     <table class="usertableborder" cellspacing="0" ...

  3. jquery、js操作checkbox全选反选

    全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下 操作checkbox,全选反选//全选 function checkAll() { $('input[name=&qu ...

  4. jquery、js全选反选checkbox

    操作checkbox,全选反选 //全选 function checkAll() { $('input[name="TheID"]').attr("checked&quo ...

  5. jQuery checkbox的全选与反选

    1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...

  6. jQuery全选/反选checkbox

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. 通过VBA实现checkbox的全选和反选

    checkbox的全选和反选可以通过VBA来控制,这种设计常见于一些交互式报表,代码如下: 1.分成两个IF判断 Private Sub CheckBox1_Click()  ‘checkbox为总控 ...

  8. 表单javascript checkbox全选 反选 全不选

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  9. 关于Winform下DataGridView中实现checkbox全选反选、同步列表项的处理

    近期接手一个winform 项目,虽然之前有.net 的经验,但是对一些控件的用法还不是很熟悉. 这段时间将会记录一些在工作中遇到的坎坷以及对应的解决办法,写出来与大家分享并希望大神提出更好解决方法来 ...

  10. 购物车功能：使用jQuery实现购物车全选反选，单选，商品增删，小计等功能

    效果图: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

随机推荐

  1. 常用sqlserver语句

    1.查看表上的索引 sp_helpIndex [表名]  --查询表上拥有的索引 2.更新其它表 update 申请信息set 研发部门='123',版本信息='321'where 单号=(selec ...

  2. POJ 1680 Fork() Makes Trouble

    原题链接:http://poj.org/problem?id=1680 对这道题,我只能说:我不知道题目是什么意思,但是AC还是没有问题的. 看来题目半天没明白fork()怎么个工作,但是看样例(根据 ...

  3. 【Ｈibernate总结系列】....hbm.xml配置

    在Hibernate中,各表的映射文件….hbm.xml可以通过工具生成,例如在使用MyEclipse开发时,它提供了自动生成映射文件的工具.本节简单的讲述一下这些配置文件的配置. 配置文件的基本结构 ...

  4. change Username for SVN(Subclipse) in Eclipse

    Subclipse does not own the information about users and passwords (credentials), so there is no way f ...

  5. POJ2104 K-th Number Range Tree

    又是区间第k大,这次选择这道题是为以后写线段树套平衡树铺路的.Range Tree可以理解成线段树套vector吧,相当于每个结点多存了对应区间的一个排好序的序列.画一下就会知道空间的消耗是nlogn ...

  6. LightOj 1065 - Number Sequence （矩阵快速幂，简单）

    题目 和 LightOj 1096 - nth Term 差不多的题目和解法,这道相对更简单些,万幸,这道比赛时没把模版给抽风坏. #include<stdio.h> #include&l ...

  7. 编写高性能JavaScript【转】

    英文链接:Writing Fast, Memory-Efficient JavaScript 很多JavaScript引擎,如Google的V8引擎(被Chrome和Node所用),是专门为需要快速执 ...

  8. POJ 2240 Arbitrage（floyd）

    http://poj.org/problem?id=2240 题意 : 好吧,又是一个换钱的题:套利是利用货币汇率的差异进行的货币转换,例如用1美元购买0.5英镑,1英镑可以购买10法郎,一法郎可以购 ...

  9. hdu2010

    //很闲,刷水..... http://acm.hdu.edu.cn/showproblem.php?pid=2010 #include<iostream> #include<std ...

  10. 用 EasyBCD 在 Win7/8 中硬盘安装 Ubuntu

    写在前面: 1. 我装的是ubuntu 13.10 64位,不一样的地方是,从casper文件夹复制出来的文件不是vmlinuz,而是vmlinuz.efi,相应的,menu.lst里也要将vmlin ...