チェックボックス

チェックボックスのチェックがはずれた状態でsubmitをおこなってformデータを送信しても、 サーバにチェックボックスのデータが送信されない。

チェックボックス1
記事へ戻る --- 愚鈍人ホーム
JavaScriptの参考書 ／  Ajaxの参考書 ／  HTMLの参考書 ／  CSSの参考書

 

htmlソース

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>チェックボックス</title>
<link href="/gudon/css/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>チェックボックス</h1>
<hr />
<p>チェックボックスのチェックがはずれた状態でsubmitをおこなってformデータを送信しても、
サーバにチェックボックスのデータが送信されない。</p>
<form name="checkbox_form" action="test1.php">
	<input type="checkbox" name="checkbox1" value="checkbox_value1"
		checked="checked"
		onchange="checkbox1_onchange(this)">チェックボックス1<br />
	<input name="submitButton" type="submit" value="submitボタン"/>
</form>
<div id="div1"></div>
<script type="text/javascript"> 
	function checkbox1_onchange(checkbox){
		var msg=
			"defaultCheckedの値は"+checkbox.defaultChecked+"です。<br />";
		if(checkbox.checked){
			msg+="checkboxがチェックされています。";
		}else{
			msg+="checkboxがチェックされていません。";
		}
		document.getElementById("div1").innerHTML=msg;
	}
</script>
</body>
</html>