function test() {

$(".table tbody tr").find("td:first input:checkbox").each(function () {
        var ischecked = $(this).prop("checked");
        alert(ischecked);

});

$(".table input:checkbox").each(function () {
        if ($(this).attr("checked") == true) {
            alert($("table input:checkbox").index(this))
        }
    });

$(".table tr td:eq(0)").each(function () {

$(this).find("input[type=checkbox]").prop("checked", "checked");

});

var data = [];

$(".table tbody tr").find(":checkbox:checked").each(function () {
        var val = $(this).parent().next().text();
        data.push(val);
        alert(val);
    });
    alert(data);
}

function ck() {

////正确 1
    var tbodyObj = document.getElementById('tbodydata');
    $("table :checkbox").each(function (key, value)
    {
        if ($(value).prop('checked'))
        {
            alert(tbodyObj.rows[key].cells[1].innerHTML);
            alert(tbodyObj.rows[key].cells[2].innerHTML);
        }
    })

//获取选中的数据组  案例           
    var array = $(".table tbody input[type=checkbox]:checked").map(function () {
        return { "cell2": $.trim($(this).closest("tr").find("td:eq(2)").text()), "cell4": $.trim($(this).closest("tr").find("td:eq(4)").text()) };
    }).get();
    $.each(array, function (i, d) { alert(d.cell2 + "|" + d.cell4); })

//$.each(array, function (i, d) { alert(d.cell2 + "|" + d.cell4); })

//获取选中的数据组  测试组装值是否正确              
    var array = $(".table tbody input[type=checkbox]:checked").map(function () {
        alert($.trim($(this).closest("tr").find("td:eq(1)").text()));
        alert($.trim($(this).closest("tr").find("td:eq(2)").text()));
        alert($.trim($(this).closest("tr").find("td:eq(3)").text()));
        alert($.trim($(this).closest("tr").find("td:eq(2)").text()));
        //return { "cell2": $.trim($(this).closest("tr").find("td:eq(2)").text()), "cell4": $.trim($(this).closest("tr").find("td:eq(4)").text()) };
    }).get();

///把取出来的的值放入数组
    var array = $(".table tbody input[type=checkbox]:checked").map(function () {
        return {
            "code": $.trim($(this).closest("tr").find("td:eq(2)").text()),
            "name": $.trim($(this).closest("tr").find("td:eq(4)").text())
        };
    }).get();
    $.each(array, function (i, d) { alert(d.code + "|" + d.name); })
}

function test2() {
    var selectedData = [];
    $(":checkbox:checked").each(function () {
        var tablerow = $(this).parent("tr");
        var code = tablerow.find("[name='p_code']").val();
        var name = tablerow.find("[name='p_name']").val();
        var price = tablerow.find("[name='p_price']").val();
        selectedData.push({ Code: code, Name: name, Price: price });
    });

var selectedData2 = [];
    $(":checkbox:checked").each(function () {
        var tablerow = $(this).parent("tr");
        var code = tablerow.find("[name='p_code']").val();
        var name = tablerow.find("[name='p_name']").val();
        var price = tablerow.find("[name='p_price']").val();
        selectedData2.push({ Code: code, Name: name, Price: price });
    });
    var selectedData3 = [];
    $(":checkbox:checked", ".table").each(function () {
            var tablerow = $(this).parent("tr");
            var code = tablerow.find("[name='p_code']").val();
            var name = tablerow.find("[name='p_name']").val();
            var price = tablerow.find("[name='p_price']").val();
            selectedData3.push({ Code: code, Name: name, Price: price });
        });

}

table获取checkbox是否选中的几种方法的更多相关文章

  1. jQuery判断checkbox是否选中的4种方法

    方法一: ).checked) { // do something } 方法二: if($('#checkbox-id').is(':checked')) { // do something } 方法 ...

  2. jQuery判断checkbox是否选中的3种方法

    方法一:if ($("#checkbox-id")get(0).checked) {    // do something} 方法二:if($('#checkbox-id').is ...

  3. [jQuery]判断checkbox是否选中的3种方法

    方法一: if ($("#checkbox-id")get(0).checked) { // do something } 方法二: if($('#checkbox-id').is ...

  4. (转载)jQuery判断checkbox是否选中的3种方法(个人用第二种方法)

    方法一: if ($("#checkbox-id")get(0).checked) {     // do something } 方法二: if($('#checkbox-id' ...

  5. checkbox判断选中的三种方法

    方法一: if ($("#checkbox-id")get(0).checked) {     // do something } 方法二: if($('#checkbox-id' ...

  6. MYSQL获取自增ID的四种方法

    MYSQL获取自增ID的四种方法 1. select max(id) from tablename 2.SELECT LAST_INSERT_ID() 函数 LAST_INSERT_ID 是与tabl ...

  7. Knockout获取数组元素索引的2种方法,在MVC中实现

    原文:Knockout获取数组元素索引的2种方法,在MVC中实现 在遍历数组.集合的时候,通常要获取元素的索引,本篇体验使用Knockout获取索引的2种方法. 假设有这样的一个模型: namespa ...

  8. YSQL获取自增ID的四种方法(转发)

    YSQL获取自增ID的四种方法(转发) 1. select max(id) from tablename 2.SELECT LAST_INSERT_ID() 函数 LAST_INSERT_ID 是与t ...

  9. DBS-MySQL:MYSQL获取自增ID的四种方法

    ylbtech-DBS-MySQL:MYSQL获取自增ID的四种方法 1.返回顶部 1. 1. select max(id) from tablename 2.SELECT LAST_INSERT_I ...

随机推荐

  1. 【jQuery】jquery-ui autocomplete智能提示

    jQuery UI,简而言之,它是一个基于jQuery的前端UI框架.我们可以使用jQuery + jQuery UI非常简单方便地制作出界面美观.功能强大.跨浏览器兼容的前端html界面. Auto ...

  2. Python学习笔记020——数据库知识概述

    数据库概述 1 提供数据库的软件都有哪些 MySQL.SQL_Server.Oracle.DB2.Mariadb.MongoDB ... (1)是否开源 开源软件:MySQL.Mariadb.Mong ...

  3. python标准库介绍——25 errno 模块详解

    ==errno 模块== ``errno`` 模块定义了许多的符号错误码, 比如 ``ENOENT`` ("没有该目录入口") 以及 ``EPERM`` ("权限被拒绝& ...

  4. 单例设计模式-java

    在实际项目中单例模式常见应用场景列举如下: 1.servlet编程中,每个servlet就是单例 2.网站计数器,和Application(servlet中涉及) 3.Strucs1框架中,控制器对象 ...

  5. 远程调试Hadoop

    远程调试对应用程序开发十分有用,那如何调试Hadoop源码?这里介绍如何用IDE远程调试Hadoop源码.本文以IntelliJ IDEA作为IDE,以调试Jobhistory WEB UI代码为例进 ...

  6. coreos 创建使用密钥登陆的ubuntu 基础镜像

    下载官方镜像 core@localhost ~ $ docker pull ubuntu:14.04 #假设官方下载较慢,可到www.dockerpool.com下载标准镜像 core@localho ...

  7. sparkSQL1.1入门之四:深入了解sparkSQL执行计划

    前面两章花了不少篇幅介绍了SparkSQL的执行过程,非常多读者还是认为当中的概念非常抽象.比方Unresolved LogicPlan.LogicPlan.PhysicalPlan是长得什么样子,没 ...

  8. angular学习笔记(二)-创建angular模块

    如果在页面的html标签(或任意标签)中添加ng-app,表示对整个页面应用angular来管理. 他是一个模块. 模块有助于把东西从全局命名空间中隔离. 今天学习如何自定义创建模块: <!DO ...

  9. Solr学习之四-Solr配置说明之二

    上一篇的配置说明主要是说明solrconfig.xml配置中的查询部分配置,在solr的功能中另外一个重要的功能是建索引,这是提供快速查询的核心. 按照Solr学习之一所述关于搜索引擎的原理中说明了建 ...

  10. hadoop输出lzo文件并添加索引

    public static void main(String[] args) throws Exception { Configuration conf = new Configuration(); ...