js中，遍历获取checkbox选中所在行的某列数据的值

最新推荐文章于 2022-10-21 11:17:02 发布
最新推荐文章于 2022-10-21 11:17:02 发布
阅读量5.6k 收藏 5
点赞数
分类专栏： jqueury checkBox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bingyixue1987/article/details/82377656
版权

$('input:checkbox:checked').each(function(){ 
                 ids = $('input[type=checkbox]:checked').closest('tr').find('td:eq(3)').map(function(){return this.innerHTML}).get().join(); 
               names = $('input[type=checkbox]:checked').closest('tr').find('td:eq(2)').map(function(){return this.innerHTML}).get().join();
             });

获取到的数据是以逗号分隔的String，例如ids="1,2,3"

冰忆雪_1987
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JS获得选取checkbox整行数据的方法
10-24
主要介绍了JS获得选取checkbox整行数据的方法,涉及使用js对DOM节点的操作技巧,非常具有实用价值,需要的朋友可以参考下
js获取页面选中CheckBox行的记录
weixin_47164415的博客
10-20 309
<input type="button" value="点击下载" onclick="file_down();" /> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/layer/layer.js"></script> <script type="text/javascrip..
前端：js根据CheckBox获得选中行的具体某些列内容(批量操作传多条数据)
鄙人kunzhi96，感恩遇见！
10-21 2005
说一下业务需求，就是我需要实现批量操作，比如批量删除，我不仅需要该行的id还需要选定行中其他列的值作为参数执行批量删除操作，半吊子前端选手又开启了摸索之路。 下面直接看简化版前端代码展示吧 html页面(获取选中的name为id的复选框所在行数据)： <tr> <td style="text-align:center"> <input type="checkbox" name="id" value="{{id}}" /> </td> <td.
JS通过点击/选择表格某一行的获取当前行的数据（结尾有VUE思路）
热门推荐
测试领域专家，多领域测试技术、管理、工具都略懂，略懂一二
01-28 2万+
问题一：当我们在表格中会有以下点击按钮，然后获取该行的某列信息； 在 修改按钮 上设置 οnclick="edit(this)" function edit(val){ //这里就是val，别以为写错了，如果写成this会报错：Uncaught SyntaxError: Unexpected token 'this'，这是转过来的参数值的意思 var value = $(val).parent().parent().find("td"); ...
如何获得表格中checkbox已选择的数据
qq_42430080的博客
03-29 1052
如何获得表格中checkbox已选择的数据，本来想的是能够获得所选中一行的数据，但是能力有限，所以只能获得某个特殊的字段值，从而通过这个字段值再在后端获得其他的东西 我的表格形式如下： 这个问题时我想了好久才解决的，也百度了不少，但是对我没啥用，所以我觉得对我来说比较有价值，希望能够帮助到和我一样遇到这个困惑的人 我的要求也简单，就是能获得选中的每一行中的姓名，我可以根据姓名1来解决其它的事情 ...
JS选中checkbox后获取table内一行TD所有数据的方法
10-24
标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”，指的是通过JavaScript编程技术实现，在用户选中表格中某一行的复选框时，获取该行中所有单元格（TD）的内容。此技术主要应用于Web开发中，可以...
Jquery遍历checkbox获取选中项value值的方法
10-26
在本篇内容中，我们将详细探讨如何使用JQuery来遍历checkbox元素，并获取所有被选中项的value值。 首先，我们需要理解checkbox元素在HTML中的基础结构，通常一个复选框由一个标签表示，其中type属性被设置为...
C#遍历得到checkboxlist选中值和设置选中项的代码
09-01
本篇文章将详细介绍如何在C#中遍历CheckBoxList控件以获取选中值，并设置其选中项。 首先，我们来看如何获取选中项的值并拼接成一个字符串。这个过程通常在用户提交表单或执行某种操作时发生，以便服务器端可以处理...
JavaScript取得gridview中获取checkbox选中的值
10-19
以上内容介绍了JavaScript在获取gridview中checkbox选中值的应用，并分享了相关的代码片段。通过这些代码，开发者可以在自己的Web项目中实现对gridview控件中checkbox选中状态的管理和业务逻辑操作。
js如何获得多个checkbox选中的值及input后面所跟的文本
qq_37272886的博客
01-04 5895
function termRow(){     //定义返回结果集     var termInfos=[];     //循环所有tr     //数组拼接通过“,”拼接在一起     return termInfos.join(",");     } //获取循环遍历的复选框  的value值 和后面的值 input type="checkbox" na
Js获取checkboxlist所选中的值
我生活的点滴
11-26 5274
JavaScript代码Js获取checkboxlist所选中的值     function GetCheckBoxListValue(objID)   ...{       var v = new Array();       var CheckBoxList = document.getElementById(objID);       if(CheckBoxList.tagName == "TABLE")       ...{           for(i=0;i<CheckBoxList.rows
js获取checkbox被选中的值
qq_23927391的博客
04-21 2773
一、js获取checkbox被选中的值? <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
Javascript如何获取选中checkbox的值
weixin_33716154的博客
12-01 731
思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：1、HTML结构<inputtype="checkbox"name="test"value="1"/><span>1</span> <inputtype="checkbox"name...
js根据checkbox的选中转态输出整行内容
emmmmmmm__的博客
10-10 2141
先说一下这个问题，首先这个是我在公司做的目的是下载选中checkbox的整行内容，我要做的是把数据发给后端，然后后端进行操作。 这个html代码不是我写的，也是后来接的这个项目，html代码前面那个checkbox是写死的，写在表格里已经很不错了。 将一下思路，首先进入到表格所在的页面，选中checkbox,然后单击单条导出，就可以下载了，我做的是点击单条导出 控制台打印选中的数据就OK了，如下图： <script> $(".dan-dao").click(func.
js 获取checkbox选中的行及相应操作
c15162的博客
10-20 1226
function aaa(){ var Check = $("table input[type=checkbox]:checked");//在table中找input下类型为checkbox Check.each(function () {//遍历 var value = $(this).parents("tr").find("td").eq(2).find("input").val(); //获取其相对应的valu...
关于如何获取复选框选中行的数据
weixin_55449319的博客
04-03 3252
关于如何获取复选框选中行的数据
获取table中CheckBox选中行的id
ygyan521的专栏
01-26 1317
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script> </head> <body> <input t.
checkbox多选以及如何读取选中行的数据
weixin_44663523的博客
10-21 1110
checkbox全选
js/jquery中获取table里边checkbox的选中状态以及选中该行的其他列数据
lijiaren_092008的专栏
04-26 8740
js/jquery中获取table里边checkbox的选中状态以及选中该行的其他列数据 如下是在js中通过DOM方式创建的row中的一列为CheckBox类型。 var row = document.createElement('tr'); //创建行 var checkbox = document.createElement('td');//创建列 ...
bootstrapTable checkbox 获取选中的一行数据
最新发布
06-13
当你在 Bootstrap Table 中添加复选框列时，可以使用 `getSelections` 方法获取所有选中的行数据，包括复选框列。以下是一个示例： ```html <table id="table" data-toggle="table" data-url="data.json" data-checkbox="true"> <thead> <tr> <th data-field="state" data-checkbox="true"></th> <th data-field="id">ID</th> <th data-field="name">Name</th> <th data-field="price">Price</th> </tr> </thead> </table> <button id="btn">Get selected row</button> ``` 这个示例中，我们在表格中添加了一个复选框列，并在页面中添加了一个按钮。当用户点击按钮时，我们将获取选中的行数据并输出到控制台。 ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); console.log('Selected rows:', selections); }); ``` 这段代码中，我们使用 `getSelections` 方法获取所有选中的行数据，并将其输出到控制台。 注意，复选框列的选中状态并不会影响行数据的获取，所以无需特别处理复选框列。如果需要，你可以在行数据中添加一个 `checkbox` 属性，用于标识该行是否被选中。以下是一个示例： ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); for (var i = 0; i < selections.length; i++) { selections[i].checkbox = true; } console.log('Selected rows:', selections); }); ``` 这段代码中，我们遍历选中行数据的数组，并为每个行数据添加一个 `checkbox` 属性，用于标识该行是否被选中。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值