javascript - 使用 JavaScript 将 PHP 值传递到另一个页面时出错

Question

我有一个 HTML，它显示数据库表中的数据。有一个复选框字段，用于存储用户的 id。当我单击一行时，必须使用 JavaScript 函数将该 ID 传递到另一个页面。但我遇到了一些错误。我不知道我哪里错了。

这是我的 Javascript 函数。它用于使表格行可单击。因此，当我单击一行时，相应的 ID 就会传递到 editgroup.php 页面。

<script>
    $('table.table tbody tr').click(function(event)
    {
       if(event.target.type === 'checkbox')
       {
            event.preventdefault()
       }
       else
       {
        window.location='edituser.php?val=<?php echo $id; ?>';
       }
    }); 
</script>

下面给出的是我的表格:

<table id="edituser" class="clickable"
    <thead>
        <th></th>
        <th>UserID</th>
        <th>Username</th>
    </thead>
    <tbody>
        <?php
            for($i=0; $i<$x; $i++)
            {
             $id= $val_array[$i]['id'];                                  
            $userName= $val_array[$i]['userName'];
        ?>
        <tr>
            <td class="text-center"><input type="checkbox" value="<?php echo $id;  ?>"></td>
            <td><?php echo $id;  ?></td>
            <td><?php echo $userName;  ?></td>
        </tr>
        <?php } ?>
    </tbody>
</table>

Answer 1

你必须做出一些改变

首先在你的tr中添加像这样的id

<?php
for($i=0; $i<$x; $i++)
{
 $id= $val_array[$i]['id'];  //data from database                                
$userName= $val_array[$i]['userName']; //data from database  
?>
<tr id="<?php echo $id;?>"> <!-- add id here -->
<td ><input type="checkbox" value="<?php echo $id;  ?>"></td>
<td><?php echo $id;  ?></td>
<td><?php echo $userName;  ?></td>
</tr>
<?php } ?>

现在是你的 JS

<script>
            $('table.clickable tbody tr').click(function(event){
                if(event.target.type === 'checkbox'){
                    event.preventdefault()
                }else{
                    var val = $(this).attr('id');
                    window.location='edituser.php?val='+val;
                }
            }); </script>