<!DOCTYPE html>

<html>

    <head>

        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

        <script>

            function check() {

            var check = $("input[type='checkbox']:checked");//在table中找input下类型为checkbox属性为选中状态的数据

            var i = 0;

            check.each(function(){

                i++;

            });

            console.log(i);

              check.each(function () {//遍历

                  var row = $(this).parent("td").parent("tr");

                var id = row.find("[name='id']").html(); //注意html()和val()

                var name = row.find("[name='name']").html();

                console.log(id+","+name)

            })

        }

        </script>

    </head>

    <body>

        <table id="tab">

            <thead>

                <tr>

                    <td>id</td>

                    <td>name</td>

                </tr>

            </thead>

            <tbody>

                <tr>

                    <td><input name="sub" type="checkbox" /></td>

                    <td name="id">1</td>

                    <td name="name">1</td>

                </tr>

                <tr>

                    <td><input name="sub" type="checkbox" /></td>

                    <td name="id">2</td>

                    <td name="name">2</td>

                </tr>

                <tr>

                    <td><input name="sub" type="checkbox" /></td>

                    <td name="id">3</td>

                    <td name="name">3</td>

                </tr>

            </tbody>

        </table>

        <input type="button" onclick="check()" value="提交" />

    </body>

</html>

使用了jquery.js 主要是将<input/>放在<td></td>中，根据checkbox选中的状态遍历，每一行 var row = $(this).parent("td").parent("tr");然后将需要获取的值设置一个name=""，然后获取值。

js获取table checkbox选中行的值.mdjs获取table checkbox选中行的的更多相关文章

  1. jquery--获取多选框的值、获取下拉多选框的值

    获取多选框的值 var packageCodeList=new Array(); $('#server_id:checked').each(function(){ packageCodeList.pu ...

  2. finereport JS 获取按钮所在单元格的值及获取当前报表的变量

    1.通过按钮获取单元格所在的值 debugger; var cr; if(window.lineboxes) { var cells = []; for (var i = 0; i < line ...

  3. Jquery常用操作：checkbox、select取值，radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

  4. sql server 获取自增列下一个值或者获取指定表的主键值

    IDENT_CURRENT('TableName')为当前的最大标识值, IDENT_INCR('TableName')为设置的标识值增量, 两者相加即为下一个标识值 如: SELECT IDENT_ ...

  5. iCheck获取单选和复选框的值和文本

    //获取单选和复选框的值//parameters.type:"radio","checkbox"//parameters.name:input-name//pa ...

  6. html中radio，checkbox值的获取、赋值、注册事件

    1,radio分组 只要name一样,就是一组的,即一组中只能选择一个,如下: 代码如下: <span>group1:</span> <input type=" ...

  7. js获取不带单位的像素值

    所谓获取不带单位的像素值就是获取比如元素的宽度.高度.字体大小.外边距.内边距等值但是去掉像素单位. 比如:某一个元素的宽度是100px,现在我要获取这个这个值但是不带单位“px”,对于这种问题你会怎 ...

  8. 获取Json数据某节点的值

    时间匆忙,直接上代码,回家还得做清蒸鱼呢! #region 获取Json字符串某节点的值 /// <summary> /// 获取Json字符串某节点的值 /// </summary ...

  9. JS 如何获取radio或者checkbox选中后的值

    废话不多说,直接上代码: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

随机推荐

  1. prototype.原型链.原型链图

      //1.几乎所有函数都有prototype属性,这个是个指针,指向原型对象;Function.prototype这个没有 //2.所有对象中都有__proto__属性.(Object.protot ...

  2. leetcode-1053. 交换一次的先前排列

      题目描述: 给你一个正整数的数组 A(其中的元素不一定完全不同),请你返回可在 一次交换(交换两数字 A[i]和 A[j] 的位置)后得到的.按字典序排列小于 A 的最大可能排列. 如果无法这么操 ...

  3. VC++ 2010 创建高级Ribbon界面详解(2)

    Ribbon 控件的使用 1.命令按钮 命令按钮可以说是我们最常用的Ribbon控件了,我们通常都是通过命令按钮来发送某个命令,执行某个动作.它代替了过去的菜单命令,成为使用最频繁的Ribbon控件. ...

  4. Fedora 25技巧

    shell界面按F5插入-(波浪号,HOME) 同一个应用不同窗口切换alt + `

  5. 深入浅出JS：Two

    JS中的Promise: MDN上面对promise的描述:Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及其返回的值. 可以直接对字面上理解:Promise:承诺,一诺千金,只 ...

  6. 并发编程之Android中AsyncTask使用详解（四）

    更多Android高级架构进阶视频免费学习请点击:[https://space.bilibili.com/474380680] 在Android中我们可以通过Thread+Handler实现多线程通信 ...

  7. ASP.net简单分页

    //控制器 //实例化实体 TestEntities1 test =new TestEntities1(); //定义页数 int pageIndex; //查看接收的页数 如果不能转 则重置为1 i ...

  8. Android四大组件之Service浅见

    Service 是Android四大组件之一,可以在不显示界面的情况下在后台运行.还有一个作用是通过AIDL来实现进程间通信. Service的启动方式 Service的启动方式有两种,startSe ...

  9. NCM格式转换MP3格式

    首先下载软件: 百度网盘下载地址:https://pan.baidu.com/s/1I_HUQGBnOq23Zdm-NgbnqA 提取码:u4m5 下载完毕直接打开就好 添加NCM文件 点击开始转换 ...

  10. day01 mysql认识 安装 配置 起服务 密码 字符集 用户授权

    day01 mysql      一.认识mysql     关系型数据库:         最流行的关系型数据库管理系统,支持大型数据库,处理上千万条记录         关系型: oracle,  ...