Javascript 使用PHP更改背景颜色_Javascript_Php_Jquery_Css

Javascript 使用PHP更改背景颜色

javascript php jquery css

Javascript 使用PHP更改背景颜色,javascript,php,jquery,css,Javascript,Php,Jquery,Css,我已经做了一个单选按钮和按钮的网站，所以问题是我怎么做，所以当有人选择黄色它会改变网站的背景为黄色提前谢谢你的帮助 <!DOCTYPE html> <html lang="nl"> <head> <meta charset="utf-8"> <?php $naamnieuw = $_GET["naam"]; $adres = $_GET["adres"]; if

我已经做了一个单选按钮和按钮的网站，所以问题是我怎么做，所以当有人选择黄色它会改变网站的背景为黄色

提前谢谢你的帮助

<!DOCTYPE html>
<html lang="nl">
    <head>
    <meta charset="utf-8">
        <?php
        $naamnieuw = $_GET["naam"];
        $adres = $_GET["adres"];
        if ($naamnieuw || $adres == ""){
            echo "Je moet iets invullen";
        }
            else if (!empty($_GET)) {
            $naamnieuw = $_GET["naam"];
            $adres = $_GET["adres"];
            if (file_exists("vertalingen.txt")) {
            $fp = fopen("vertalingen.txt", "r+");
            fclose($fp);                
            $fp = fopen("vertalingen.txt", "a");
            fputs($fp, $naamnieuw."\r\n");
            fputs($fp, $adres."\r\n"."\r\n");
            fclose($fp);
            }                   
            else{           
            $fp = fopen("vertalingen.txt", "a");
            fputs($fp, $naamnieuw."\r\n");
            fputs($fp, $adres."\r\n"."\r\n");
            fclose($fp);

            }
        }
        ?>
    </head>
    <body>
        <form name="naamform" method="get" action="<?php echo $_SERVER["PHP_SELF"]?>">
                Word:       <input type="text" name="naam"><br>
                Translation:    <input type="text" name="adres"><br>
                            <input type="submit" name="submit" value="Toevoegen"><br><br>

        </form>
        <form action="vertalingenbekijken.php">
            <input type="submit" name="" value="Bekijken">
        </form>
        <form method="get"><br>
            <input type="radio" name="type">Rood<br>    <!--    Red     -->
            <input type="radio" name="type">Oranje<br>  <!--    Orange  -->
            <input type="radio" name="type">Geel<br>    <!--    Yellow  -->
            <input type="radio" name="type">Groen<br>   <!--    Green   -->
            <input type="radio" name="type">Blauw<br>   <!--    Blue    -->
            <input type="submit" name="" value="Change Color">
        </form>
    </body>
</html>


HTML
<input type="radio" name="type" class="type" value="red">Red<br>    <!--    Red     -->
            <input type="radio" class="type" name="type" value="orange">Orange<br>  <!--    Orange  -->
            <input type="radio" class="type" name="type" value="yellow">Yellow<br>    <!--    Yellow  -->

            <input type="radio" class="type" name="type" value="blue">Blue<br> 

PHP是在服务器端执行的-您不能用PHP执行此操作。您需要Javascript。您将所选颜色存储在何处？请选中此选项version@topic初学者：您需要有包含此代码的JQuery库是的，显然，如果不包含JQuery脚本，您就不能使用此代码，我没有在这里添加该脚本，因为所有开发人员都必须了解它的基本内容。
$(document).ready(function() {

        $('.type').change(function() {

           var value = $( 'input[name=type]:checked' ).val();
           alert(value);
             $("body").css({"backgroundColor" : value });
        });
    });