如何通过PHP根据按钮操作修改CSS以控制文本显示？

我来帮你搞定这个需求，咱们一步步来：首先你的原代码里有几个小问题得先修正，然后咱们来实现符合要求的功能。

先修正原代码的问题 #

• 按钮的onclick写法不对，直接写codecss.php不会触发任何有效请求，得通过表单提交或者URL参数来传递你的选择。
• 按钮的value属性需要加引号，比如value="spanish"才是正确的HTML语法。

方案一：PHP与HTML整合在同一文件（最简洁） #

我们可以把逻辑写在同一个PHP文件里（比如命名为index.php），这样无需单独的CSS文件，直接动态生成样式：

<?php
// 默认显示两种语言
$spanishDisplay = 'initial';
$englishDisplay = 'initial';

// 处理按钮提交的参数
if (isset($_GET['lang'])) {
    switch ($_GET['lang']) {
        case 'spanish':
            $englishDisplay = 'none'; // 隐藏英语文本
            break;
        case 'english':
            $spanishDisplay = 'none'; // 隐藏西班牙语文本
            break;
        case 'both':
            // 恢复显示两者
            $spanishDisplay = 'initial';
            $englishDisplay = 'initial';
            break;
    }
}
?>
<!DOCTYPE html>
<html>
<head>
    <style>
        .spanish { display: <?php echo $spanishDisplay; ?>; }
        .english { display: <?php echo $englishDisplay; ?>; }
    </style>
</head>
<body>
    <!-- 用表单传递选择的语言模式 -->
    <form method="get" action="">
        <button type="submit" name="lang" value="spanish">Spanish</button>
        <button type="submit" name="lang" value="english">English</button>
        <button type="submit" name="lang" value="both">Both</button>
    </form>

    <table>
        <tr class="spanish"><td>This is spanish text</td></tr>
        <tr class="english"><td>This is english text</td></tr>
    </table>
</body>
</html>

逻辑说明：

1. PHP部分先初始化默认显示规则：两种语言都可见。
2. 当点击按钮时，表单会把lang参数传递到当前页面，PHP根据参数值修改对应类的display属性：
   • 点Spanish按钮：把英语类的display设为none，隐藏它。
   • 点English按钮：把西班牙语类的display设为none。
   • 点Both按钮：恢复两者的显示状态。

方案二：保留独立的PHP驱动CSS文件 #

如果你想保持CSS逻辑与HTML分离，可以把CSS文件改成PHP文件（比如style.php），然后在HTML中引用它：

style.php（注意要设置正确的响应头，让浏览器识别为CSS）：

<?php
// 告诉浏览器这是CSS文件
header("Content-type: text/css; charset: UTF-8");

$spanishDisplay = 'initial';
$englishDisplay = 'initial';

if (isset($_GET['lang'])) {
    switch ($_GET['lang']) {
        case 'spanish':
            $englishDisplay = 'none';
            break;
        case 'english':
            $spanishDisplay = 'none';
            break;
        case 'both':
            $spanishDisplay = 'initial';
            $englishDisplay = 'initial';
            break;
    }
}
?>
.spanish { display: <?php echo $spanishDisplay; ?>; }
.english { display: <?php echo $englishDisplay; ?>; }

HTML文件（index.php）：

<!DOCTYPE html>
<html>
<head>
    <!-- 引用PHP驱动的CSS文件，传递当前选择的语言参数 -->
    <link rel="stylesheet" type="text/css" href="style.php?lang=<?php echo isset($_GET['lang']) ? $_GET['lang'] : 'both'; ?>">
</head>
<body>
    <form method="get" action="">
        <button type="submit" name="lang" value="spanish">Spanish</button>
        <button type="submit" name="lang" value="english">English</button>
        <button type="submit" name="lang" value="both">Both</button>
    </form>

    <table>
        <tr class="spanish"><td>This is spanish text</td></tr>
        <tr class="english"><td>This is english text</td></tr>
    </table>
</body>
</html>

这种方式适合需要单独管理样式逻辑的场景，核心原理和方案一一致，只是把样式生成逻辑移到了独立文件中。

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