人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScriptについて質問です。
以下のようにチェックボックスがあって、送信ボタンをクリックしたとき、チェックボックスにひとつもチェックがはいっていなければエラーメッセージ「項目が選択されていません」を表示したいのですがどのように書けばよいでしょうか?

<form>
<input type="checkbox" name="aaa" value="0">aaa
<input type="checkbox" name="bbb" value="1">bbb
<input type="checkbox" name="ccc" value="2">ccc
<input type="submit" value="送信">
</form>

●質問者: Ryo0524
●カテゴリ:インターネット ウェブ制作
✍キーワード:AAA CCC JavaScript ひとつ エラーメッセージ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rikuba
●60ポイント
<script type="text/javascript">
function validate(form) {
 var els = form.elements;
 var i;
 var el;
 for (i = 0; el = els[i]; ++i) {
 if ('checkbox' === el.type && el.checked) {
 return true;
 }
 }
 alert('項目が選択されていません。');
 return false;
}
</script>

<form onsubmit="return validate(this);">
<label><input type="checkbox" name="aaa" value="0">aaa</label>
<label><input type="checkbox" name="bbb" value="1">bbb</label>
<label><input type="checkbox" name="ccc" value="2">ccc</label>
<input type="submit" value="送信">
</form>
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ