以下为使用JQuery获取input checkbox被选中的值代码:

<html>

    <head>

        <meta charset="gbk">

        <!-- 引入JQuery -->

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

    </head>

    <body>

        <input type="checkbox" value="橘子" name="check">橘子1</input>

        <input type="checkbox" value="香蕉" name="check">香蕉1</input>

        <input type="checkbox" value="西瓜" name="check">西瓜1</input>

        <input type="checkbox" value="芒果" name="check">芒果1</input>

        <input type="checkbox" value="葡萄" name="check">葡萄1</input>

        <input type="button" value="方法1" id="b1">

        <input type="button" value="方法2" id="b2">

    </body>

    <script>

        //方法1

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

            //$('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')

            //意思是选择被选中的checkbox

            $.each($('input:checkbox:checked'),function(){

                window.alert("你选了："+

                    $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());

            });

        });

        //方法2

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

            $.each($('input:checkbox'),function(){

                if(this.checked){

                    window.alert("你选了："+

                        $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());

                }

            });

        });

    </script>

</html>

 实现全选反选 注意用：prop

<ul id = "list-unstyled" class="list-unstyled">

    <li><input name="check" type="checkbox" value="9-DM"></li>

    <li><input name="check" type="checkbox" value="10-DM"></li>

    <li><input name="check" type="checkbox" value="11-DM"></li>

    <li><input name="check" type="checkbox" value="12-DM"></li>

</ul>
    // 全选

    $('#allcheck').click(function(){

        $('input[name="check"]').prop('checked','true');

    });

    //反选

    $('#reversecheck').click(function(){

        $('input[name="check"]').each(function () {

            $(this).prop("checked", !$(this).prop("checked"));

        });

    });

使用JQuery获取被选中的checkbox的value值 以及全选、反选的更多相关文章

  1. JQuery获取被选中的checkbox的value值

    文章源头:http://www.cnblogs.com/td960505/p/6123510.html 以下为使用JQuery获取input checkbox被选中的值代码: <html> ...

  2. 使用JQuery获取被选中的checkbox的value值

      上网查了一下,感觉一些人回答得真的是不知所云,要么代码不够简便.或者是有些想装逼成分等. 以下为使用JQuery获取input checkbox被选中的值代码: <html>    & ...

  3. jquery获取所有选中的checkbox的ID

    //获取所有选中的CheckBox的id function getCheckBox() { var spCodesTemp = ""; $("input:checkbox ...

  4. Jquery 遍历 Table；遍历CheckBox ；遍历Select；全选/全不选

    关于Jquery:相信大家已经很熟悉了,我最近的项目运用到关于Jquery的遍历事件:权当总结下: 遍历Table <table  id="thistab"> < ...

  5. jquery获取所有选中的checkbox

    获取所有name为spCodeId的checkbox var spCodesTemp = "";       $("input:checkbox[name=spCodeI ...

  6. jQuery获取radio选中后的文字

    原文链接:http://blog.csdn.net/zhanyouwen/article/details/51393216 jQuery获取radio选中后的文字转载 2016年05月13日 10:3 ...

  7. element ui 表格提交时获取所有选中的checkbox的数据

    <el-table ref="multipleTable" :data="appList" @selection-change="changeF ...

  8. 基于JQ的多选/全选/反选及获取选中的值

    <!-- author:青芒 --> <!DOCTYPE html> <html lang="en"> <head> <met ...

  9. JQuery 全选 反选 获取Table 中指定td的元素值

    //全选 function initTableCheckbox() { var $thr = $('table thead tr'); var $checkAllTh = $('<th>& ...

随机推荐

  1. Java内存泄露原因详解

    一.Java内存回收机制 不论哪种语言的内存分配方式,都需要返回所分配内存的真实地址,也就是返回一个指针到内存块的首地址.Java中对象是采用new或者反射的方法创建的, 这些对象的创建都是在堆(He ...

  2. spyder python 相关

    1.python开发集成工具Spyder中,如何设置变量成员提示和代码补全呢? 答: pip install rope,安装好rope 就可以了 2.最常用的是:tap的制动补全 (IPython c ...

  3. 设置Linux-Centos6.5字符集

    登录腾讯云的服务,发现不支持中文字符.草蛋疼....  01.查看Linux当前语言 echo $LANG C    #C代表英文环境 ASCII 编码格式,通杀很多问题(乱码) 02.查看系统支持的 ...

  4. 实战：INNOBACKUPEX for mysql 5.6自己主动备份脚本

    #backup.sh #!/bin/sh # # 第一次运行它的时候它会检查是否有全然备份,否则先创建一个全库备份 # 当你再次执行它的时候.它会依据脚本中的设定来基于之前的全库备份进行增量备份 #o ...

  5. 转载：PHP详解ob_clean,ob_start和ob_get_contents函数

    1.这三个函数运用在PHP4和PHP5中.在一些PHP项目中,经常能看到这三个函数的使用. 有的输出,前面本来要显示在页面里的东西全都被清除了,不显示了. 第二个函数:ob_start(); 告诉ph ...

  6. Matlab调用返回游标的存储过程的分析和处理

    2.Matlab调用Oracl带游标参数输出的存储过程 笔者也是将工作之中遇到的问题进行了搜集与整理,才完成该文的编写,希望能帮助到有需要的朋友. 2.1.PLSQL中的存储过程 PROCEDURE ...

  7. redis安装配置文件配置

    环境: 虚拟机redhat5.5安装redis4.0.2 虚拟机IP:192.168.60.130 reids端口:6379 安装步骤不详述了(可参考: 亲密接触Redis-第一天), 大致步骤如下: ...

  8. 【ERROR】Oracle11g两个监听同名进程的故障

    问题: 一个实例启动了另个两个监听. 解决方法: #ps -ef | grep tnslsnr #oracle 925826 1 0 Apr 06 - 234:50 /u01/app/oracle/p ...

  9. Oracle子查询相关内容(包含TOP-N查询和分页查询)

    本节介绍Oracle子查询的相关内容: 实例用到的数据为oracle中scott用户下的emp员工表,dept部门表,数据如下: 一.子查询 1.概念:嵌入在一个查询中的另一个查询语句,也就是说一个查 ...

  10. Python练习笔记——斐波那契数列

    斐波那契数列(Fibonacci sequence),又称黄金分割数列.因数学家列昂纳多·斐波那契(Leonardoda Fibonacci)以兔子繁殖为例子而引入,故又称为“兔子数列”,指的是这样一 ...