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

最新推荐文章于 2025-05-28 17:21:59 发布
原创 最新推荐文章于 2025-05-28 17:21:59 发布 · 5.7k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用jQuery获取网页表格中被选中复选框对应的ID和名称的方法。通过遍历所有选中的复选框，找到它们所在的行，并从每行的指定列中提取出ID和名称信息。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

$('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"

JS获得选取checkbox整行数据的方法
10-24
主要介绍了JS获得选取checkbox整行数据的方法,涉及使用js对DOM节点的操作技巧,非常具有实用价值,需要的朋友可以参考下
C#遍历得到checkboxlist选中值和设置选中项的代码
09-01
本篇文章将详细介绍如何在C#中遍历CheckBoxList控件以获取选中值，并设置其选中项。 首先，我们来看如何获取选中项的值并拼接成一个字符串。这个过程通常在用户提交表单或执行某种操作时发生，以便服务器端可以处理...
Javascript如何获取选中checkbox的值
weixin_33716154的博客
12-01 792
思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：1、HTML结构<inputtype="checkbox"name="test"value="1"/><span>1</span> <inputtype="checkbox"name...
js中的各种对象遍历方法
最新发布
m0_75041482的博客
05-28 1268
全网最全的对象遍历方法比较，forEach，map，filter，for...of，some，every，有问题欢迎指正
前端：js根据CheckBox获得选中行的具体某些列内容(批量操作传多条数据)
鄙人kunzhi96，感恩遇见！
10-21 2157
说一下业务需求，就是我需要实现批量操作，比如批量删除，我不仅需要该行的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 200
1functionFinalCheck() 2{ 3//声明一个数组 4varchk=newArray(); 5//获取指定类型CHECKBOX 6chk=document.getElementsByName("pid"); 7//获取指向隐藏变量CategoryList的变量 8varClist=document.getElementById("Catego...
JS遍历所有checkbox是否选中
自强不息
02-03 8866
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 319
function GetCurrenetPoint() { debugger var currentTypes = ""; var display = $("#input_tbType").css("display"); if (display == "none") { ...
js获取页面选中CheckBox行的记录
weixin_47164415的博客
10-20 372
<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 6987
function CheckAll() { for(var i=0;i<document.all.length;i++) { if(document.all[i].type=='checkbox') { docu
js获取checkbox被选中的值
qq_23927391的博客
04-21 2987
一、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 3682
一、表单： form表单如下：               场所类型：                                                            type"  value="${rs.type}"     onclick="checkBlack();" >${rs.address}                   
JS遍历CheckBox
03-19 2868
思路：根据返回(input)对象类型来确定该对象是否是CheckBox,如果是则执行相关操作代码： function CheckBox() { var obj = document.getElementsByTagName("input"); //返回标签名为"input"的对象数组 for (var i = 0; i
Js获取checkboxlist所选中的值
我生活的点滴
11-26 5321
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 1084
排序：月销量距离最近送餐最快 口味：川菜粤菜湘菜 ",
js 获取复选框所在行
shena的专栏
07-04 977
document.onclick = function(e) { // 兼容 event 和 target e = e || window.event; var target = e.target || e.srcElement; // 确认是 checkbox if(target.tagName.toLowerCase() === "input"
如何在表格中获取checkbox的选中状态值
根据给定文件信息中的标题"table中checkbox取值"，我们可以推测出文章涉及的是在一个表格（table）中如何获取复选框（checkbox）的选中状态或值的方法。由于描述部分没有提供具体的内容，我们将主要根据标题和标签来...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值