以下为使用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. R语言中数据结构

    R语言还是有点古老感觉,数据结构没有Python中那么好用.以下简单总结一下R语言中经常使用的几个数据结构. 向量: R中的向量能够理解为一维的数组,每一个元素的mode必须同样,能够用c(x:y)进 ...

  2. 简单易懂的Ubuntu生存战略:开启无线网卡的wifi热点,ap模式

    在ubuntu下如何把无线网卡设置成可供wifi设备上网的接入点 因为某些移动设备对wifi热点的要求有些苛刻,p2p模式的无线连接方式虽然易设置,但是实用性不高. 相对而言,创建一个虚拟无线路由器成 ...

  3. 列表生成式&生成器表达式

    一.列表生成式 def func(): return [lambda x:i*x for i in range(4)] print([j(2) for j in func()]) 结果:[6,6,6, ...

  4. 【LeetCode】12. Integer to Roman (2 solutions)

    Integer to Roman Given an integer, convert it to a roman numeral. Input is guaranteed to be within t ...

  5. 细说 ASP.NET控制HTTP缓存[转]

    阅读目录 开始 正常的HTTP请求过程 缓存页的请求过程 缓存页的服务端编程 什么是304应答? 如何编程实现304应答 如何避开HTTP缓存 在上篇博客[细说 ASP.NET Cache 及其高级用 ...

  6. python练习笔记——求三位的水仙花数

    百位数的立方 + 十位数的立方 +个位数的立方 = 原数 for m in range(1,10): for n in range(0,10): for i in range(0,10): a = m ...

  7. RHEL7 -- RPM包命名规则

    rpm软件包文件采用软件包名称组合name-version-release.architecture的方式进行命名  以下面的rpm包为例: kernel-devel--.el7.x86_64 ·na ...

  8. 分析一帧基于UDP的TFTP协议帧

    下图是UDP的段格式: 相比TCP段格式,UDP要简单得多,也没啥好说的,需要注意的是UDP数据长度指payload加上首部的长度. 下面分析一帧基于UDP的TFTP协议帧: 以太网首部 0000: ...

  9. linux中计划任务执行脚本

    我使用的是ubuntu14.4,所以在ubuntu中一切正常,在其他linux系统中应该都差不多. 1 计划任务,crontab命令选项:     -u指定一个用户,     -l列出某个用户的任务计 ...

  10. mysql分组取每组前几条记录(排序)

    首先来造一部分数据,表mygoods为商品表,cat_id为分类id,goods_id为商品id,status为商品当前的状态位(1:有效,0:无效). CREATE TABLE `mygoods` ...