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

最新推荐文章于 2021-10-20 12:19:14 发布
最新推荐文章于 2021-10-20 12:19:14 发布
阅读量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节点的操作技巧,非常具有实用价值,需要的朋友可以参考下
C#遍历得到checkboxlist选中值和设置选中项的代码
09-01
本篇文章将详细介绍如何在C#中遍历CheckBoxList控件以获取选中值，并设置其选中项。 首先，我们来看如何获取选中项的值并拼接成一个字符串。这个过程通常在用户提交表单或执行某种操作时发生，以便服务器端可以处理...
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获得选中行的具体某些列内容(批量操作传多条数据)
鄙人kunzhi96，感恩遇见！
10-21 2005
说一下业务需求，就是我需要实现批量操作，比如批量删除，我不仅需要该行的id还需要选定行中其他列的值作为参数执行批量删除操作，半吊子前端选手又开启了摸索之路。 下面直接看简化版前端代码展示吧 html页面(获取选中的name为id的复选框所在行数据)： <tr> <td style="text-align:center"> <input type="checkbox" name="id" value="{{id}}" /> </td> <td.
JS收集：遍历CHECKBOX
weixin_30387423的博客
06-12 154
1functionFinalCheck() 2{ 3//声明一个数组 4varchk=newArray(); 5//获取指定类型CHECKBOX 6chk=document.getElementsByName("pid"); 7//获取指向隐藏变量CategoryList的变量 8varClist=document.getElementById("Catego...
JS遍历所有checkbox是否选中
自强不息
02-03 8760
var all_checked = true; $(":checkbox").each(function(){ if(this.checked == false){ all_checked = false; break; } });注意：用break，想跳出这个循环。结果报错 SyntaxError: unlabeled break must be
JS选中checkbox后获取table内一行TD所有数据的方法
10-24
标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”，指的是通过JavaScript编程技术实现，在用户选中表格中某一行的复选框时，获取该行中所有单元格（TD）的内容。此技术主要应用于Web开发中，可以...
Jquery遍历checkbox获取选中项value值的方法
10-26
在本篇内容中，我们将详细探讨如何使用JQuery来遍历checkbox元素，并获取所有被选中项的value值。 首先，我们需要理解checkbox元素在HTML中的基础结构，通常一个复选框由一个标签表示，其中type属性被设置为...
JavaScript取得gridview中获取checkbox选中的值
10-19
以上内容介绍了JavaScript在获取gridview中checkbox选中值的应用，并分享了相关的代码片段。通过这些代码，开发者可以在自己的Web项目中实现对gridview控件中checkbox选中状态的管理和业务逻辑操作。
js遍历checkbox获取数据
weixin_30725467的博客
10-11 284
function GetCurrenetPoint() { debugger var currentTypes = ""; var display = $("#input_tbType").css("display"); if (display == "none") { ...
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，全选checkbox
bobWu 的 学习日记
03-31 6918
function CheckAll() { for(var i=0;i<document.all.length;i++) { if(document.all[i].type=='checkbox') { docu
js获取checkbox被选中的值
qq_23927391的博客
04-21 2774
一、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、radio的属性值 并回显复选框、单选框
p0p0p0p01的专栏
09-05 3567
一、表单： form表单如下：               场所类型：                                                            type"  value="${rs.type}"     onclick="checkBlack();" >${rs.address}                   
JS遍历CheckBox
03-19 2823
思路：根据返回(input)对象类型来确定该对象是否是CheckBox,如果是则执行相关操作代码： function CheckBox() { var obj = document.getElementsByTagName("input"); //返回标签名为"input"的对象数组 for (var i = 0; i
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
javascript 获取checkbox复选框实例
一步一步,网上爬
08-12 1026
排序：月销量距离最近送餐最快 口味：川菜粤菜湘菜 ",
js 获取复选框所在行
shena的专栏
07-04 916
document.onclick = function(e) { // 兼容 event 和 target e = e || window.event; var target = e.target || e.srcElement; // 确认是 checkbox if(target.tagName.toLowerCase() === "input"
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、付费专栏及课程。

余额充值