以下为使用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. Protobuf学习 - 入门（转）

    从公司的项目源码中看到了这个东西,觉得挺好用的,写篇博客做下小总结.下面的操作以C++为编程语言,protoc的版本为libprotoc 3.2.0. 一.Protobuf? 1. 是什么?  Goo ...

  2. navicat for mysql怎么注册？navicat11全系列破解教程(附注册码)

    来自脚本之家 http://www.jb51.net/softjc/473494.html

  3. HDUOJ----4004The Frog's Games（二分+简单贪心）

    The Frog's Games Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65768/65768 K (Java/Others) ...

  4. YACC、LEX、JAVACC-------常用的编译工具

    CC(Compiler Compiler) CC的意思就是"编译器的编译器". 你可以定义一种上下文无关文法(CFG),然后针对这个特定的CFG你可以写出一个C程序来解释这种CFG ...

  5. php 类和对象

    ⾯向对象是⼀种编程范式,它将对象作为程序的基本单元,将程序和数据封装起来, 以此来提⾼程序的重⽤性.灵活性和可扩展性. ⽬前很多语⾔都⽀持⾯向对象编程,既然对象对象是⼀种范式,其实这就和具体的编程语⾔ ...

  6. PC端轻松控制Android手机，PC Control Andoroid，PC控制安卓手机

    记录此次经历的目的是帮助需要的人或下次使用时少走弯路,我为此试用了不少工具及方法,因为追求免费,像"Weak Control:在PC上控制你的Android手机"还要收费的我就不弄 ...

  7. Oracle查询结果中：一列中相同的值或一列中重复的值，只显示一次

    http://www.itpub.net/thread-1768915-1-1.html 问题: CREATE TABLE test(ob_id VARCHAR(32),ob_name VARCHAR ...

  8. Eclipse 选中变量高亮显示设置

  9. STM32 SPI接口的NSS引脚

    SPI_NSS 设置 NSS 信号由硬件( NSS 管脚)还是软件控制,这里我们一般通过软件控制 NSS ,而不是硬件自动控制,所以选择 SPI_NSS_Soft 选择了软件NSS之后,引脚NSS就可 ...

  10. jquery插件Flot的简单讲解

    只是说一下基本用法,举一两个例子,详细用法请查看官方文档 使用方法是要先引入jquery插件,然后引入flot插件. <script type="text/javascript&quo ...