PHP/Javascriptでチェックボックスの入力で要素の表示/非表示を切り替える処理を記述したい。

Question

要点

PHP/Javascriptでチェックボックスの入力で要素の表示/非表示を切り替える処理を記述したい。

<?php
    $answer =  "";
    $message =  "";
?>

<form method="post" action="">
    <input type = "checkbox" id ="checkbox" name="showAnswer" value="1" onchange = "submit(this.form)"> <label for = "checkbox">ヒントを表示する</label>
</form>

<?php
if (isset($_POST['showAnswer'])) {
    $answer = "ヒントを表示";
    
}else{
    $answer = "";
}
echo $answer;
?>

詳細

チェックボックスを作成し、チェックボックスをクリックした時value = "1"をPOSTし
POSTされていればメッセージを出力するよう記述しました。
この記述に追記するようにして、チェックボックスをクリックしたら表示、もう一度クリックしたら非表示と切り替える処理（サーバー上で）を行いたく検索いたしましたが期待していた回答は得られませんでした。
初心者で説明が拙く恐縮ではございますが、よろしくお願いいたします。

Answer 1

PHPを介する必要性をあまり感じませんが、
checkboxにデフォルトでチェックを入れるのはchecked属性なので、$_POST['showAnswer']の送信有無を判断して、チェックボックスに付与すると良いです。

Answer 2

チェックボックスのchangeでsubmitするのは微妙ですが、
場合分けをするとこんな感じだと思います

Comments

[yambejp]

<?php
$showAnswer=filter_input(INPUT_POST,"showAnswer");
$checked["showAnswer"]="";
$answer = "";
if(!is_null($showAnswer)){
$answer ="ヒントを表示";
$checked["showAnswer"]=" checked";
}
var_dump($answer);
?>
<form method="post">
<label>
<input type = "checkbox" name="showAnswer" value="1" onchange = "if(this.checked){this.form.submit()}"<?=$checked["showAnswer"];?>>
ヒントを表示する</label>
<input type = "submit" value="test">
</form>