JavaScript - フォームと検証(ラジオボタンとチェクボックス)

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• BBEdit - Bare Bones Software, Inc.(Text Editor)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84312-225-5) の8章(フォームと検証)練習問第8-1を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87312-269-1)

8-1.

コード(BBEdit)

<form id="someForm">
<p>
<input type="radio" value="赤" name="radiogroup" />赤
<input type="radio" value="青" name="radiogroup" />青
<input type="radio" value="黄色" name="radiogroup" />黄色
<input type="radio" value="白" name="radiogroup" />白
<input type="submit" value="送信" />
</p>
</form>
<script>
var someForm = $('#someForm');

function checkColors(event){
  var result = "どれかひとつ、色を選んでください";
  var color;
  if($(':radio[checked]', someForm).val()){
    var r = Math.random();
    if(r >= 0.75){
      result = "大吉";
    } else if(r >= 0.5){
      result = "中吉";
    } else if(r >= 0.25){
      result = "小吉";
    } else {
      result = "凶";
    }
  }
  $('#pre0').text(result);
  event.preventDefault();
}
someForm.submit(checkColors);
</script>

赤 青 黄色 白