javascript - 在 PHP foreach 循环/数组中使用多个复选框时，在复选框单击上显示 tr id

Question

我有这个 PHP/HTML 代码:

$PortingStatuses = array('Submitted' => 'Y', 'Accepted' => 'Y', 'Rejected' => 'Y', 'Complete' => '', 'Cancelled' => '');
    foreach($PortingStatuses as $PortingStatus => $PortingChecked) {
        echo '<input type="checkbox" id="PortingStatus" value="PortingStatus_'.$PortingStatus.'"';
        if($PortingChecked == 'Y') {
            echo 'checked="checked"';
        }
        echo '/> '.$PortingStatus.'';

它显示数组中每个项目的复选框 ($PortingStatuses)

我的数组项有另一个 foreach 循环，显示:

foreach($PortingStatuses as $PortingStatus => $PortingChecked) {
    <tr id="PortingStatus_'.$PortingStatus.'">

    </tr>
}

如何在单击/取消单击复选框时显示/隐藏每个 tr？

Answer 1

类似这样的事情

<input type=checkbox class=hidetr value=1>
<input type=checkbox class=hidetr value=2>
...
<tr id=tr1>...</tr>
<tr id=tr2>...</tr>

<script>
$(document).ready(function(){
    $('input.hidetr').on('click', function(){
        var trid = "tr" + $(this).val();
        if($(this).is(':checked')){
             $('#' + trid).show();
        }else{
             $('#' + trid).hide();
        }
    });
});
</script>