当我在<th>中单击复选框时，我希望获得与该值匹配的所有<td>并将其打印出来
当在<th>中单击复选框时，希望获得与该值匹配的所有<td>并将其打印出来，可以通过以下步骤实现：
- 首先，为每个
<th>中的复选框添加一个事件监听器，以便在单击时触发相应的函数。 - 在函数中，获取被单击的复选框的值。
- 遍历所有的
<td>元素，检查它们的值是否与复选框的值匹配。 - 如果匹配，将该
<td>元素的内容打印出来。
以下是一个示例的代码实现：
<!DOCTYPE html>
<html>
<head>
<title>Checkbox Table</title>
<script>
function printMatchingCells(checkbox) {
var value = checkbox.value;
var cells = document.getElementsByTagName("td");
for (var i = 0; i < cells.length; i++) {
if (cells[i].innerHTML === value) {
console.log(cells[i].innerHTML);
}
}
}
</script>
</head>
<body>
<table>
<tr>
<th><input type="checkbox" value="Value 1" onclick="printMatchingCells(this)"></th>
<th><input type="checkbox" value="Value 2" onclick="printMatchingCells(this)"></th>
<th><input type="checkbox" value="Value 3" onclick="printMatchingCells(this)"></th>
</tr>
<tr>
<td>Value 1</td>
<td>Value 2</td>
<td>Value 3</td>
</tr>
<tr>
<td>Value 2</td>
<td>Value 1</td>
<td>Value 3</td>
</tr>
<tr>
<td>Value 3</td>
<td>Value 2</td>
<td>Value 1</td>
</tr>
</table>
</body>
</html>在上述示例中，当复选框被单击时，会调用printMatchingCells函数，并将复选框的值作为参数传递给该函数。函数会遍历所有的<td>元素，如果某个<td>元素的内容与复选框的值匹配，则将其内容打印到控制台中。
请注意，上述示例仅为演示目的，实际应用中可能需要根据具体需求进行适当的修改和扩展。
相关·内容
1回答
当我在<th>中单击复选框时，我希望获得与该值匹配的所有<td>并将其打印出来
jquery、html
首先，我将从中获取值的表的配置代码。>${data[i]}</td> </tr> </c:forEach>生成的表格有一个复选框，用于检查文本>0</td> <
浏览 0提问于2017-08-04得票数 2
回答已采纳
3回答
循环到每个td并获取其文本，然后用一个输入框替换每个td的内容
javascript、jquery
当单击表的tr时，我希望循环遍历该单击的tr中的每个td并获取文本，然后将每个td的内容替换为输入复选框，在该单击的表的tr中使用每个td的文本的值。我</em
浏览 7提问于2015-05-26得票数 0
回答已采纳
1回答
使用Jquery或Javascript在组中处理复选框
javascript、jquery、jsp、checkbox
单击该记录时，将展开该记录并显示该子记录(即使DIV层可见)。下面是HTML的HTML输出示例。
<!当选中主记录的复选框时，也会选中该特定组子记录的所有相关子记录。这是使用老式javascript完成的，只需遍历所有元素，查看这些值，并检查它们是否与主记录相关。这会将所有</e
浏览 1提问于2011-10-06得票数 0
回答已采纳
1回答
从jsp页面打印到打印机。使用按钮从数据库检索数据并打印
java、jsp、printing、mssql-jdbc
我正在创建这个jsp页面，在这个页面中，我将从数据库中检索值并将其发送到打印机上打印。就像打印纸张的物理打印机。我只想知道jsp中<
浏览 0提问于2015-03-30得票数 0
回答已采纳
1回答
如何发送保存多个ng选项的json数据？
javascript、angularjs、angularjs-scope
我对ng-选项很陌生我的控制器中有一个JSON数据 "label": 'table1'>Source Tabel</th><th>Target Tabel</th&
浏览 4提问于2016-09-13得票数 0
2回答
使用Angular单击一次复选框即可启用所有复选框
html、angular、typescript、checkbox、html-table
我有一个表，其中有一个列名，在列名附近有一个复选框。默认情况下，表中的特定列名称值是复选框。我需要的是，当我启用列名附近的复选框时，应该启用该列下表中的所有复选框，当我禁用列名中的复选框时</em
浏览 0提问于2020-11-09得票数 1
2回答
如何用jquery选中多个复选框，而不给每个复选框一个id？
javascript、jquery、input、checkbox
我正在尝试使用jQuery的一个复选框来选中多个复选框。我知道如何选中所有复选框，或者如果它们有if，则选中多个复选框。但我希望在没有那个的情况下也能做到这一点。我有我的</em
浏览 0提问于2013-04-13得票数 2
1回答
当文本存在时，jQuery选择复选框，隐藏未选定的行以避免打印
javascript、jquery、html、css、checkbox
我有一个动态生成的表，其中包含每个行的复选框、一些数据和一个文本输入字段。
我想在选定行的文本框中输入文本后，自动选中选中行的复选框。最后，当按下“Finish”按钮时，我希望隐藏任何未选定的行以避免打印。最终输出将是只包含选定行(即复选框中有复选框的行)及其值的</
浏览 5提问于2015-09-08得票数 0
回答已采纳
2回答
创建多个复选框php
php、mysql、checkbox
我正在尝试创建一个学生出勤表，其中包含每个学生出勤率的复选框，该复选框将存储在数据库中。echo '</form>';
在checkAttend.php中，表单完全按照我</
浏览 1提问于2016-07-05得票数 0
回答已采纳
3回答
如何动态绑定Angular 2复选框的值
angular、angular2-directives
大家好:我有一个组件。>Id</th> <th>Phone</th>
<th>Status</th><td>{{rp.id}}</td>
浏览 4提问于2016-01-28得票数 11
1回答
表中的获取值复选框
angular、typescript
这里有一种情况，我有一个包含多列的表，其中一列有一个复选框。
我试着在表格的复选框中放入一些formControlName。nzShowSort nzSortKey="module">Module</th> <th nzShow
浏览 3提问于2018-12-26得票数 0
1回答
如何从表格单元格中获取复选框的值并作为表单提交
jquery、html
我的问题是如何获取表格单元格元素并将其附加到表单中。 <th scope="col">COL2</th> </thead> </t
浏览 0提问于2019-02-07得票数 2
回答已采纳
1回答
向Spring控制器提交JSP表单中的复选框
javascript、spring、forms、jsp、spring-mvc
我正在尝试使用Spring和JSP创建一个“待办事项列表”类型的web应用程序。我的tasks.jsp页面显示数据库中的任务列表。一些JSON通过tasks.js中的JS函数传递给视图并用于创建HTML。其结果如下：现在，我希望能够通过复选框(见每行右侧)选择任务，并删除所选行。我使用来自任务JSON ( ID)的字段作为每个
浏览 1提问于2017-08-08得票数 0
回答已采纳
1回答
作为函数的结果接收None
python、html、nonetype
对于新手的问题，我很抱歉，但我正在尝试使用CSV文件中的数据在HTML中创建一个网站，并使用python生成它。我尝试使用的一个函数是： print("""<table> <th>"""<
浏览 4提问于2016-06-01得票数 0
1回答
选中复选框时动态更新表
php、jquery、checkbox
我是php的新手，当用户选中复选框并编辑文本框中的信息时，我被赋予了更新数据库中的表的任务。我可以从数据库中提取信息并将其显示在屏幕上，但是当用户选中复选框并更新字段时，我不太确定如何更新数据库
以下是我希望实现的目标:
浏览 0提问于2015-10-16得票数 0
4回答
使用jQuery检查表中的所有复选框
jquery、select、checkbox、html-table
="checkbox" /></div> </tr></table>
我使用以下javascript在单击标题中的复选框时选中/取消选中第一列中的所有复选框。
浏览 1提问于2012-06-05得票数 1
6回答
选择/取消选中所有复选框，单击javascript的单个复选框
javascript、dom
我有一种形式，在这种形式中，我有两个带一些行的表。
我希望在单击“选中/取消选中所有”复选框时，该复选框下的复选框应选中该特定表。我有一个javascript函数，但当我单击两个选择/取消选中所有复选框</
浏览 0提问于2013-07-23得票数 3
1回答
在asp.net中，Gridview头复选框选择总是错误的(使用jquery填充)
jquery、asp.net
在单击按钮时，我已经使用jquery使用下面的代码填充了网格视图。选择标题”复选框中，我希望选择所有子复选框。我使用了下面的代码。$(this).removeAttr('checked'); }当我选择标题复选框往正确<em
浏览 4提问于2015-06-25得票数 1
回答已采纳
3回答
JQuery -复选框不打开
php、javascript、jquery、yii
我对jquery有个问题。
我有一个ID为"#checkAll“的复选框和带有类”复选框“的复选框。当选中ID为"checkAll“的复选框时，我希望打开所有复选框；当ID为"checkAll”的复选框被选中时，我希望关闭<em
浏览 2提问于2013-08-27得票数 0
回答已采纳
1回答
从表格中拉取表单信息
php、forms、concrete5
我正在为一个客户的订购系统工作。在order页面上有一个表格，其中显示了所有不同的供应商及其产品，然后在该表格上有一个文本字段，他们可以在其中输入他们想要的每个产品的数量，当他们单击checkout时，它会在确认页面上显示订购的东西。Checkout"<button style="float:right;" type="button&q
浏览 0提问于2013-09-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
