More than 5 years have passed since last update.

PHP チェックボックスの複数選択複数表示/defaultありver

Last updated at 2016-12-08Posted at 2016-10-31

name属性に[]を付けると、配列を使って複数の値を取得出来る
name属性に[]を付けると、複数送信できる

var_dump($color);を実行すると
array (size=2)
0 => string '青' (length=3)
1 => string '黄' (length=3)
と表示される

■test05.php


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xm1ns="http://www.w3.org/1999/xhtml">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">


	<title>PHP入門</title>

</head>
<body>

	<form action="test05_output.php" method="post">
		<p>
			<input type="text" name="name">

		</p>

		<?php
		$color = array (
				"赤",
				"青",
				"黄"
		);
		foreach ( $color as $value ) {
			echo "$value" . '<input type="checkbox" name="color[]" value="' . $value . '">';
		}
		?>

<input type="submit" value="送信">

</body>
</html>

■test05_output.php

```php
<?php
$name = $_POST ["name"];
$color = $_POST ["color"];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xm1ns="http://www.w3.org/1999/xhtml">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">


	<title>PHP入門</title>

</head>
<body>
	<p><?php echo $name;?></p>
	<p><?//php echo $color; ?></p>
	<?php
	foreach ( $color as $value ) {
		echo $value;
	}
	?>

</body>
</html>

■実行結果

デフォルトありver

■test13_input.php

<?php
session_start ();
if (isset ( $_SESSION ['err'] )) {
	$err = $_SESSION ['err'];
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xm1ns="http://www.w3.org/1999/xhtml">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript"
	src="https://ajaxzip3.github.io/ajaxzip3.js">
	<!--

	function disp(){

		// 「OK」時の処理開始 ＋ 確認ダイアログの表示
		if(window.confirm('本当にいいんですね？')){

			location.href = "confirm.php"; // example_confirm.html へジャンプ

		}
		// 「OK」時の処理終了

		// 「キャンセル」時の処理開始
		else{

			window.alert('キャンセルされました'); // 警告ダイアログを表示

		}
		// 「キャンセル」時の処理終了

	}

	// -->

	</script>

<title>Contact</title>
<style type="text/css">
p#submit_btn {
	text-align: center;
}

.content {
	/* 	margin-left: 137px; */
	margin-top: 0px;
	font-size: 95%;
	font-weight: bold;
}

.form {
	color: white;
	background-color: #ad3140;
	text-align: center;
	/* 	padding-left: 370px; */
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 95%;
	width: 825px;
}

.textform {
	margin-left: 68px;
}

.textform_postalCode {
	margin-left: 30px;
}

.textstyle {
	font-size: 95%;
	font-weight: bold;
	font-family: font-family : "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
}

.required {
	font-size: 87%;
	font-weight: normal;
	color: red;
}

# heading {
	border-left: 10px solid #CC3366;
	border-bottom: 1px dashed #CC3366; /* 下ボーダーを、1px幅の破線、線色#CC3366に */
}
</style>

</head>
<body>
	<h1 id="heading">アンケート</h1>
	<!-- 		<h1>アンケート</h1> -->
	<form action="test13_output.php" method="post">
		■趣味はなんですか？<span class="required">(必須)複数選択可</span> </br>
<?php
$object = array (
		"ゲーム",
		"ショッピング",
		"映画",
		"旅行",
		"上記以外"
);
foreach ( $object as $value ) {

	if ((isset ( $_SESSION ['object'] ) && in_array ( $value, $_SESSION ['object'] )) || (! isset ( $_SESSION ['object'] ) && $value == "上記以外")) {
		echo '<label><input type="checkbox"  name="object[]" value="', $value, '"checked><font style="margin-left: 40px;">', $value, '</font></label><br>';
	} else {
		echo '<label><input type="checkbox"  name="object[]" value="', $value, '"><font style="margin-left: 40px;">', $value, '</font></label><br>';
	}
}
?>
			</p>
		<input type="submit" name="button1" value="送信確認" />
		</p>
	</form>
</body>
</html>

■test13_output.php

<?php
session_start ();

if (isset ( $_POST ['button1'] )) {
	$object = $_POST ['object'];
	switch ($object) {
		case "ゲーム" :
			$object = "ゲーム";
			break;
		case "ショッピング" :
			$object = "ショッピング";
			break;
		case "映画" :
			$object = "映画";
			break;
		case "旅行" :
			$object = "旅行";
			break;
		case "上記以外" :
			$object = "上記以外";
			break;
	}

	$_SESSION ['object'] = $object;

	$err = array ();
	mb_language ( "ja" );
	mb_internal_encoding ( 'utf-8' );
	if (count ( $_POST ['object'] ) == 0) {
		$err ['object'] = 'お問い合わせ項目を選択してください。';
	}
	if (count ( $err ) >= 1) {
		$_SESSION ['err'] = $err;
		header ( 'Location:test13_input.php' );
	}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xm1ns="http://www.w3.org/1999/xhtml">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Contact</title>
<style type="text/css">
p#submit_btn {
	text-align: center;
}

.content {
	margin-left: 137px;
	margin-top: 0px;
	font-size: 95%;
	font-weight: bold;
}

.form {
	color: white;
	background-color: #ad3140;
	text-align: center;
	/* 	padding-left: 370px; */
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 95%;
	width: 825px;
}

.textform {
	margin-left: 68px;
}

.textform_postalCode {
	margin-left: 30px;
}

.textstyle {
	font-size: 95%;
	font-weight: bold;
}

.required {
	font-size: 87%;
	font-weight: normal;
	color: red;
}

.textstyle1 {
	margin-left: 98px;
}

# heading {
	border-left: 10px solid #CC3366;
	border-bottom: 1px dashed #CC3366; /* 下ボーダーを、1px幅の破線、線色#CC3366に */
}
</style>

</head>

<body>
	<h1 id="heading">アンケート</h1>
		<?php
		function h($str) {
			return nl2br ( htmlspecialchars ( $str, ENT_QUOTES, 'UTF-8' ), false );
		}
		?>
		<p class="textstyle">
		■お問い合わせ項目：</br><?php if (isset($_SESSION['object'])){ echo '<font color="black">'.implode("</br>", $_SESSION['object']).'</font>';}?></p>
	</p>


	<p></p>
</body>
</html>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

PHP チェックボックスの複数選択 複数表示/defaultありver

デフォルトありver

PHP チェックボックスの複数選択複数表示/defaultありver