如何用PHP实现点击按钮修改表格首列和第三列的背景色？

你的思路方向没问题，但PHP部分的写法存在问题——你现在是单独输出一个新的<td>，这不会修改原表格里的列样式，只会在页面其他位置新增一个无关的单元格。

因为PHP是服务端语言，提交表单后页面会刷新，所以要实现点击按钮修改第一、第三列背景色，需要在渲染原表格的过程中，根据表单是否提交的状态动态设置列的背景色。

下面是修正后的完整代码：

<?php
// 定义默认颜色，点击按钮后切换为新颜色
$col1Color = isset($_POST['color']) ? 'red' : 'blue';
$col3Color = isset($_POST['color']) ? 'yellow' : 'green';
?>

<table border="1">
  <tr>
    <td bgcolor="<?php echo $col1Color; ?>">
      <p> First Column </p>
    </td>
    <td>
      <p> Second Column </p>
    </td>
    <td bgcolor="<?php echo $col3Color; ?>">
      <p> Third Column </p>
      <form action="" method="post">
        <input type="submit" name="color" value="Color">
      </form>
    </td>
  </tr>
</table>

代码说明： #

• 先通过PHP判断$_POST['color']是否存在（即按钮是否被点击），如果存在就给第一、第三列设置新颜色，否则使用默认颜色。
• 在原表格的<td>标签中，直接将动态生成的颜色值赋值给bgcolor属性，页面刷新后就能看到颜色变化。
• 给表格添加border="1"是为了更清晰地看到列的边界，你可以根据需求去掉这个属性。

另外，也可以用style属性设置背景色（更符合现代HTML规范），只需把bgcolor替换为style="background-color: <?php echo $col1Color; ?>;"即可，效果完全一致。

内容的提问来源于stack exchange，提问作者userintrovert