显示警告如果被选中的复选框在javascript中不同的attr

Question

在我的项目中，当复选框被选中时，我需要检查data-id-row值是否等于所选中的表行的data-id-row值，如果相等则返回一个值，如果不相等则返回一条消息。表现出来。

这是我的行

<table>
<thead>
<tr>
<th>
<input type="checkbox" name="id[]">
</th>
<th>
first name
</th>
<th>
last name
</th>
</tr>
</thead>
<tbody>
<tr id="6">
<td><input type="checkbox"></td>
<td>hamid</td>
<td>hamidi</td>
</tr>
<tr id="7">
<td><input type="checkbox"></td>
<td>john</td>
<td>tyler</td>
</tr>
<tr id="8">
<td><input type="checkbox"></td>
<td>john</td>
<td>smith</td>
</tr>
</table>

我该怎么做呢?

Answer 1

试试这个，它会显示所有选中行的id:

var trs= document.getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++){
var tr = trs[i];
var checks = tr.getElementsByTagName("input");
if (checks.length > 0 && checks[0].checked)
alert(tr.id)
}