以下为使用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. 公钥私钥与SSL的握手协议(转)

    一,公钥私钥1,公钥和私钥成对出现2,公开的密钥叫公钥,只有自己知道的叫私钥3,用公钥加密的数据只有对应的私钥可以解密4,用私钥加密的数据只有对应的公钥可以解密5,如果可以用公钥解密,则必然是对应的私 ...

  2. spring thymeleaf 自定义标签

    概述 thymeleaf2.1.5自定义标签及自定义属性案例,类似于JSP中的自定义JSTL标签 详细 代码下载:http://www.demodashi.com/demo/10495.html 一. ...

  3. PHP实现4种排序算法

    1.冒泡排序 冒泡排序其实是基于“交换”.每次从第一个记录开始,一.二两个记录比较,大的往后放,二三两个记录比较...依次类推,这就是一趟冒泡排序.每一趟冒泡排序后,无序序列中值最大的记录冒到序列末尾 ...

  4. ios block常见的错误（一）

    Block是OC中的一种数据类型,在iOS开发中被广泛使用. 在实际的使用和面试过程中,经常发现同事或面试者对block了解得不够透彻,本博文将列举常见block错误来对其加深理解. 示例代码1: ; ...

  5. setting.xml配置详解

    http://blog.csdn.net/uohzoaix/article/details/7035302 http://www.micmiu.com/software/build/maven-set ...

  6. HDUOJ---4503 湫湫系列故事——植树节

    湫湫系列故事——植树节 Time Limit: 1000/500 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others)Total ...

  7. Largest Number（leetcode 179）

    给定一个int数组(每个数字无前导0),要求用这些数字拼接出一个最大的数字. 解决思路: 对整个数组进行排序,把排序后的结果拼接起来. 那么如何进行排序呢?只需要定义一个比较函数,如果str(x)+s ...

  8. 【js】sort()

    //为了实现排序,sort()方法会调用每个数组项的toString()转型方法,然后比较得到的字符串, //以确定如何排序.即使数组中的每一项都是数值,sort()方法比较的也是字符串, var v ...

  9. python学习笔记011——内置函数__sizeof__()

    1 描述 __sizeof__() : 打印系统分配空间的大小 2 示例 def fun(): pass print(fun.__sizeof__()) 运行 112

  10. JMeter学习笔记--使用URL回写来处理用户会话

    如果测试的Web应用系统使用URL回写而非Cookie来保存会话信息,那么测试人员需要做一些额外的工作来测试web站点 为了正确回应URL回写,JMeter需要解析从服务器收到的HTML,并得到唯一的 ...