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>

回答の条件
  • 1人2回まで
  • 登録:
  • 終了:2010/11/01 09:25:03
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:rikuba No.1

回答回数26ベストアンサー獲得回数12

ポイント60pt
<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>

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません