Display Code

<?php
// Array für die Ausgabe der Radio-Buttons
// Das braucht es in jedem @-Durchgang
// Der Key wird zum Wert des value-Attributs
// Der Value wird zum Text des Labels
$radioArr = [
    'member-yes' => 'Ich bin Mitglied',
    'member-no' => 'Ich bin kein Mitglied',
    'member-new' => 'Ich möchte Mitglied werden'
];

// Checke, ob der Submit-Button geklickt wurde
if (isset($_POST['go'])) {
    echo "<pre>";
    print_r($_POST);
    echo "</pre>";

	$feedback = "<div class=\"feedback_positive\">";
	$feedback .= "Das Formular wurde verschickt.<br>";
	// Überprüfe, ob ein Radio-Button gecheckt wurde
    if (isset($_POST['member'])) {
        $checkedValue = $_POST['member'];
        $feedback .= "Es wurde ein Radio-Button gecheckt.";
    }
    else {
        $checkedValue = "";
        $feedback .= "Es wurde <strong>kein</strong> Radio-Button gecheckt.";
    }
    $feedback .= "</div>\n";
}
else {
	// Erster @-Durchgang
	$feedback = "<div class=\"feedback_negative\">";
	$feedback .= "Das Formular wurde noch nicht verschickt. Klicke den Submit-Button!";
	$feedback .= "</div>\n";
    /// Die Variable für das Attribut "checked" wird leer gesetzt
    $checkedValue = "";
}
?>
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Keep User Input Alive II - Radios</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/styles.css">
    <link rel="stylesheet" href="/css/formstyles.css">
</head>
<body style="font-family: 'Roboto', sans-serif; font-size: 16px;">
    <div id="container">
        <h1>Keep User Input Alive II - Radios</h1>
        <p>Beispiel mit Radio-Buttons: Diese werden komplett aus einem Array zusammengebaut. Dies vereinfacht die Ausgabe des <code>checked</code>-Attributs bei dem zuvor gewählten Button.</p>
        <?=$feedback?>
        <form action="" method="post">
            <div class="form_control">
                <h4>Mitgliedschaft</h4>
                <?php
                // Ausgabe der Radio-Buttons mit <label>
                foreach ($radioArr as $key => $value) {
                    echo "<input type=\"radio\"";
                    echo " value=\"".$key."\"";
                    echo " name=\"member\"";
                    echo " id=\"".$key."\"";
                    if ($key == $checkedValue) {
                        echo " checked";
                    }
                        echo ">\n";
                        echo "<label for=\"".$key."\"";
                        echo " class=\"no_block label_right\">";
                        echo $value;
                        echo "</label>";
                        echo "<br>\n\n";
                    }
                ?>
            </div>
            <div class="form_control">
                <button type="submit" name="go" class="btn btn-blue">Verschicken</button>
            </div>
        </form>  
    </div>
</body>
</html>