根据选定的复选框获取表格行数据

Question

我使用Material Design Lite创建表格，并使用php动态插入行。 材料设计lite为每一行提供了复选框。现在，我想在点击按钮上使用选定行的数据。有没有人有任何想法如何做到这一点？

下面是代码：

<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp" id="sanctionedTable"> 
<thead> 
<tr> 
    <th class="mdl-data-table__cell--non-numeric">Name</th> 
    <th class="mdl-data-table__cell--non-numeric">Registration No.</th> 
    <th class="mdl-data-table__cell--non-numeric">Amount</th> 
</tr> 
</thead> 
<tbody> 
<?php 
$temp = ""; 
    while($row = mysqli_fetch_assoc($result)) 
    { 
    $temp="<tr><td>".$row["name"]."</td><td>".$row["regno"]."</td><td>".$row["amount"]."</td></tr>"; 
    echo $temp; 
    } 
?> 
</tbody> 
</table> 

Answer 1

您可以使用像这样使用jQuery：

$('tr').click(function(){ 

alert("Name:"+$(this).children('td:nth-child(1)').html()+",Registration nio:"+$(this).children('td:nth-child(2)').html()+",Amount:"+$(this).children('td:nth-child(3)').html()); 
}); 

这取每个行中的信息。