HTML / PHP - 遷移先のページでの表示内容が変わるチェックボックスを作りたい

前提

設置したチェックボックスのチェックされた内容によって遷移先のページでの表示内容が変わるものを作りたいです。

該当のソースコード

index.html

html
1<body>
2
3=== 略 ===
4
5  <form action="answer.php" method="post">
6    <dl>
7      <dt>趣味</dt>
8      <dd>
9        <input
10                class="fields"
11                type="checkbox"
12                name="hobbies[]"
13                value="読書"
14                id="読書">
15        <label for="読書">読書</label>
16
17      <br>
18
19        <input
20                class="fields"
21                type="checkbox"
22                name="hobbies[]"
23                value="ゲーム"
24                id="ゲーム">
25        <label for="ゲーム">ゲーム</label>
26
27      <br>
28
29        <input
30                class="fields"
31                type="checkbox"
32                name="hobbies[]"
33                value="ドライブ"
34                id="ドライブ">
35        <label for="ドライブ">ドライブ</label>
36　　　</dd>
37    </dl>
38
39=== 略 ===
40
41  <!-- 送信ボタン -->
42    <input
43      type="submit"
44      value="送信する"
45    >
46  </form>
47</body>

answer.php
※質問時点では書いていませんでしたが、回答内容も表示したいと考えています。

php
1    if (isset($_POST['hobbies']) && is_array($_POST['hobbies'])) {
2      foreach ($_POST['hobbies'] as $value) {
3        echo "{$value}";
4      }
5    }

肝心の表示部分については何から書けばいいのか分からない状態です。

分からないこと

しかし、この状態だとチェックが入っていないものについて取得できません。
また今回は3つでしたが、選択肢が増えるとif文や switch文を使ったときに複雑になってしまうと考えています。
if文や switch文が一番綺麗に書けるとしても、たとえばチェックの有無を2進数で取得することなどはできないのでしょうか。

よろしくお願いします。

miyabi_pudding

2020/10/22 01:53

そのanswer.phpへは、 formのsubmitをもって遷移しているのでしょうか？また、answer.phpの構文内容も提示お願いします。

退会済みユーザー

2020/10/22 02:12

はい、<form>の type="submit" です。追記しました。 answer.php については、書きはじめから思いつかず質問した次第です。書き方の提案をしていただければまずは自分の力で書けるだけ書いてみます。

行動規範の内容に同意します

回答1件

ベストアンサー

valueは日本語よりもコードのほうが良いでしょう。
nameの[]もそのまま置くのではなく、任意のキーを入れておけば紐づけもできます。
「データが扱いやすいHTMLにする」ことも実装時には必要です。

あとは対応する定義を何かしらで作っておけば良いです。

php
1<?php
2$conf = [
3	1=>[
4		"label"=>"トマト"
5	],
6	2=>[
7		"label"=>"きゅうり"
8	]
9];
10
11$post = filter_input_array(INPUT_POST, [
12    'h' => [
13        'flags' => FILTER_REQUIRE_ARRAY
14    ]
15]);
16?>
17<!DOCTYPE html>
18<html lang="ja">
19<head>
20  <meta charset="UTF-8">
21   <title>f</title>
22</head>
23<body>
24<?php
25if(!is_null($post) && count($post) > 0){
26	$h = $post['h'];
27	$li = '';
28	foreach($conf as $k=>$v){
29		$r = '×';
30		if(array_key_exists($k,$h)){
31			$r = '〇';
32		}
33		$li.='<li>'.$v['label'].':'.$r.'</li>';
34	}
35	
36	echo <<<EOF
37	<ul>
38		{$li}
39	</ul>
40EOF;
41}
42?>
43<form method="post">
44<?php
45foreach($conf as $k=>$v){
46	echo <<<EOF
47<input type="checkbox" name="h[{$k}]" value="{$k}">{$v['label']}
48EOF;
49}
50?>
51<button>送信</button>
52</form>
53</body>
54</html>