<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. Nginx 301重定向域名

    为何要使用301重定向 在网站建设中需要网页重定向的情况很多:如网页目录结构变动,网页重命名.网页的扩展名改变.网站域名改变等.如果不做重定向,用户的收藏和搜索引擎数据库中的旧地址只能让访客得到一个4 ...

  2. Spring事务配置的五种方式(转)

    前段时间对Spring的事务配置做了比较深入的研究,在此之间对Spring的事务配置虽说也配置过,但是一直没有一个清楚的认识.通过这次的学习发觉Spring的事务配置只要把思路理清,还是比较好掌握的. ...

  3. 1> Strut2 Mapping to MVC

    CONTROLLER—FILTERDISPATCHER We’ll start with the controller. It seems to make more sense to start th ...

  4. HDOJ-1999 不可摸数

    不可摸数 转自:http://www.cnblogs.com/dongsheng/archive/2012/08/18/2645594.html Time Limit: 2000/1000 MS (J ...

  5. POJ2418Hardwood Species

    题意 : 输入若干个树木品种,里边有的是重复的,让你统计每个品种占输入的总数量的百分比,最后按字典序输出 思路 : 本题数量很大,所以采用直接统计的方式会超时,而采用的方法可以用二叉搜索树,或者用ma ...

  6. hdu 3923 Invoker

    完全是套用polya模版…… ;}

  7. LeeCode 1-Two Sum

    Two Sum Total Accepted: 125096 Total Submissions: 705262 Question Solution Given an array of integer ...

  8. java 泛型类

     Java泛型中的标记符含义:  E - Element (在集合中使用,因为集合中存放的是元素) T - Type(Java 类) K - Key(键) V - Value(值) N - Numbe ...

  9. java工具类系列 （四.SerializationUtils）

    java工具类系列 (四.SerializationUtils) SerializationUtils该类为序列化工具类,也是lang包下的工具,主要用于序列化操作 import java.io.Se ...

  10. ISO9000与ISO9001的区别

    很多人询问ISO9000和ISO9001的区别在哪里,其实这是一个概念上的误解. ISO9001是ISO9000族标准所包括的一组质量管理体系核心标准之一.ISO9000族标准是国际标准化组织(ISO ...