<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. BZOJ 4031: [HEOI2015]小Z的房间 Matrix-Tree定理

    题目链接: http://www.lydsy.com/JudgeOnline/problem.php?id=4031 题解: Matrix-tree定理解决生成树计数问题,其中用到高斯消元法求上三角矩 ...

  2. eclipse svn 修改了类名之后提交

    win下面的文件名不区分大小写,所以不能只是把小写类名改成大写. 正确的做法有如下两种:1,先删除类a,提交,此操作会删除服务器上的文件.再添加类A,提交.2,重命名a为aa,提交,此操作会删除服务器 ...

  3. dll 入口函数

    http://support.microsoft.com/kb/815065/zh-cn // SampleDLL.cpp // #include "stdafx.h" #defi ...

  4. 01-03-02-2【Nhibernate (版本3.3.1.4000) 出入江湖】CRUP操作-Save方法的一些问题

    此文由于当时不知道NHibernate的Sava方法不是更新操作,不知道Save就是Add,造成如下荒唐的求证过程,但结论是对的 ,可报废此文,特此声明. NHibernate--Save方法: Cu ...

  5. AIZU 0005

    GCD and LCM Time Limit : 1 sec, Memory Limit : 65536 KB Japanese version is here GCD and LCM Write a ...

  6. C#接口的经典案例

    C#接口(interface)实例子(简单而经典)2008/12/04 10:04using System; using System.Collections.Generic; using Syste ...

  7. iframe标签用法详解(属性、透明、自适应高度)（总结）

    <iframe src="http://www.jb51.net" width="200" height="500"> 脚本之家 ...

  8. Thread的第四天学习

    线程通信 wait notify synchronized + 同对象 才可 互斥 锁不是放在线程上的,放在共享资源内部的. wait 线程等待 notify 线程唤醒

  9. lintcode ：二叉树的最大深度

    题目: 二叉树的最大深度 给定一个二叉树,找出其最大深度. 二叉树的深度为根节点到最远叶子节点的距离. 样例 给出一棵如下的二叉树: 1 / \ 2 3 / \ 4 5 这个二叉树的最大深度为3. 解 ...

  10. 【nginx网站性能优化篇(3)】反向代理实现负载均衡

    注意,本篇文章为负载均衡的理论篇,后续找个机会推出实战篇.理论篇主要讲述如何配置负载均衡,配置负载均衡不难.难的是真正的实战,比如如何做到多服务器之间的数据共享(session,file等),多cac ...