javascript - 如果该行具有选中的复选框，则获取表中一行中的列

Question

我有一张如下表

<table id="adminTable">
<thead>
<tr>
<th></th>
<th>Username</th>
<th>Email</th>
<tr>
</thead>
<tbody>
<tr><td><input type='checkbox' name='selected_users[]' value='User1'/></td><td>User1</td><td>mail1@mail.com</td></tr>
<tr><td><input type='checkbox' name='selected_users[]' value='User2'/></td><td>User2</td><td>mail2@mail.com</td></tr>
...
</tbody>
</table>

我在下面有一个按钮，它调用了一个 javascript 函数。然后，此功能应获取通过复选框选择的用户的所有电子邮件...

我对 Javascript 和 jQuery 很陌生，不知道如何实现这一点……但我可以使用纯 Javascript 或使用 jQuery……

我已经找到的是这个，但我无法帮助我，因为我不想在我的行中有一个按钮（可以通过复选框进行多项选择）。

Answer 1

您可以使用以下在单击按钮时运行的函数：

$(":button").click(function() {
    var emails = $("input[name=selected_users[]]:checked").map(function() {
        return $(this).closest("td").next("td").text();
    }).get();

    console.log(emails); //array of emails that were checked
});

Answer 2

$("#adminTable").find("td").filter(function() 
{ 
    return $(this).find("input[type=checkbox]:checked").length > 0;
}); 

请记住，您的 html 中有 TR 标签，它们没有结束标签并且不合适。