PHP | 11 | ラジオボタンとチェックボックス

<<前　 [TOP] 　次>>


フォームを利用しての選択方法として、ラジオボタンを使用してみましょう。
inputタグのtype属性でradioを指定します。

<input type="radio"　その他の属性　checked>

「その他の属性」は以下のとおり

name="ボタン名"

value="送信される文字列"

checked: checked属性があると初期設定で選択された状態となる


以下のHTMLファイルとPHPプログラムをテキストエディタで作成して「phpsample」フォルダに保存して下さい。


【radio1.html】

<p>いずれかを選択してください</p>

<form action="radio1.php" method="post">
	あなたはどの季節が好きですか？<br>

	<input type="radio" name="kisetsu" value="春" checked>春<br>
	<input type="radio" name="kisetsu" value="夏">夏<br>
	<input type="radio" name="kisetsu" value="秋">秋<br>

	<input type="submit">
	<input type="reset">

</form>

【radio1.php】

<p>呼び出されたPHPプログラム</p>

<?php
	$select=$_POST['kisetsu'];

	switch ($select) {
		case "春":
			$date="6月18日-19日";
			break;
		case "夏":
			$date="8月1日-2日";
			break;
		case "秋":
			$date="10月15日-16日";
			break;
	}

	print("${select}の開催日は${date}です");
?>

選択された値は「$_POST['kisetsu']」のようにしてvalue要素を取得します。


Apacheを起動し、Webブラウザで「http://localhost/phpsample/radio1.html」にアクセスして実行結果を確認してください。

ブラウザの表示

送信ボタンをクリックした結果

チェックボックスは、inputタグのtype属性でcheckboxを指定します。

<input type="checkbox"　その他の属性　checked>

「その他の属性」は以下のとおり

name="チェックボックス名"

value="送信される文字列"

checked: checked属性があると初期設定で選択された状態となる


以下のHTMLファイルとPHPプログラムをテキストエディタで作成して「phpsample」フォルダに保存して下さい。


【checkbox.html】

<p>いずれかを選択してください</p>

<form action="checkbox.php" method="post">
	あなたはどの季節が好きですか？<br>

	<input type="checkbox" name="spring" checked>春<br>
	<input type="checkbox" name="summer">夏<br>
	<input type="checkbox" name="autumn">秋<br>

	<input type="submit">
	<input type="reset">

</form>

【checkbox.php】

<p>呼び出されたPHPプログラム</p>

<?php
	// $_POST配列の全内容を表示
	print_r($_POST);
	print("<br>\n");

	if(isset($_POST['spring'])) {
		print("開催日は6月18日-19日です<br>\n");
	}

	if(isset($_POST['summer'])) {
		print("開催日は8月1日-2日です<br>\n");
	}
	if(isset($_POST['autumn'])) {
		print("開催日は10月15日-16日です<br>\n");
	}

?>

PHPでチェックボックスの値を利用する場合、name要素を個々に設定して、その値を取得するようにすれば良いです。


name要素があればチェックボックスがオンになっていると判断します。


「isset()」は、指定した変数に値がセットされていればtrue、いなければfalseを返します。
もし「$_POST['spring']」に値があればプログラムを実行し、値がなければ何もしないという意味になります。


Webブラウザで「http://localhost/phpsample/checkbox.html」にアクセスして実行結果を確認してください。

ブラウザの表示

送信ボタンをクリックした結果

↓↓クリックして頂けると励みになります。

<<前　 [TOP] 　次>>