チェックボックス一括制御
<html><head><title>チェックボックス一括制御</title>
<script type="text/javascript">
<!--
var count;
function CboxCtl(check){
for(count = 0; count < document.category.f.length;
count++){
document.category.f[count].checked = check;
}
}
//-->
</script>
</head><body>
好きな食べ物や飲み物を教えてください。<br>
<form name="category">
<input type="checkbox" name="f" value="カレー">カレー
<input type="checkbox" name="f" value="ラーメン">ラーメン
<input type="button" onClick="CboxCtl(true);" value="全て選択">
<input type="button" onClick="CboxCtl(false);" value="全て解除">
</form>
</body>
</html>
複数のチェックボックスを一度にチェックしたり、解除することができます。
他の入力フォームと組み合わせれば、ユーザビリティの高い入力フォームが作れます。
<haed></head>内にあるJavaScriptで、categoryというnameの<form>、fというnameのチェックボックスの動作を定義します。
CboxCtl();でtrueを返すとすべてチェックされ、falseを返すとチェックが外れます。
ホームページ作成ガイド
ホームページ作成ガイド