以下为使用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. jquery遍历集合&数组&标签

      jquery遍历集合&数组的两种方式 CreateTime--2017年4月24日08:31:49Author:Marydon 方法一: $(function(){ $("inp ...

  2. 调试解决iOS内存泄漏

    这里讲述在没有ARC的情况下,如何使用Instruments来查找程序中的内存泄露,以及NSZombieEnabled设置的使用. 本文假设你已经比较熟悉Obj-C的内存管理机制. 实验的开发环境:X ...

  3. 创业就是和靠谱的人一起做热爱的事 印象笔记CEO谈创业

    http://www.nowamagic.net/librarys/news/detail/1502在今年美国知名创业孵化器 Y Combinator 的创业学校大会上,印象笔记(Evernote)的 ...

  4. 分布式缓存技术memcached学习系列（五）—— memcached java客户端的使用

    Memcached的客户端简介 我们已经知道,memcached是一套分布式的缓存系统,memcached的服务端只是缓存数据的地方,并不能实现分布式,而memcached的客户端才是实现分布式的地方 ...

  5. Linux Pin Control 子系统

    Pin Control Subsystem是Linux内核抽象出的一套用于控制硬件引脚的一套子系统. 1.源文件列表 源码位于linux/drivers/pinctrl目录下,源文件列表如下: 文件名 ...

  6. Android SharedPreferences的应用

    //定义 SharedPreferences share = getSharedPreferences("perference",MODE_PRIVATE); //取值 Strin ...

  7. OGG_GoldenGate数据传递文件Trial（案例）

    2014-03-05 Created By BaoXinjian

  8. read/write函数与（非）阻塞I/O的概念

    一.read/write 函数 read函数从打开的设备或文件中读取数据. #include <unistd.h> ssize_t read(int fd, void *buf, size ...

  9. Linux常见的进程调度算法

    进程调度:在操作系统中调度是指一种资源分配. 调度算法是指: 根据系统的资源分配策略所规定的资源分配算法. 操作系统管理了系统的有限资源,当有多个进程(或多个进程发出的请求)要使用这些资源时,因为资源 ...

  10. 关于JavaScript中name的意义冲突

    在昨天的<Javascript权威指南>学习笔记之十:ECMAScript 5 增强的对象模型一文中,对于一段代码的调试出现了一个奇怪现象,现将源码贴在以下: <script typ ...