caution.js

本日仕事で2回目となるjavascriptの作成を行いました。

メールフォームの中で、「Aという商品かBという商品を選び、Cの大きさを選んだ時のみ選択出来る」ラジオボタンを作成するといったもの。

上記の条件以外ではアラートが立ち上がるのです。

前回は計算だったので特に問題はなかったのですが、今回はif文が入り混乱を極めました。ほんの少し習いつつほぼ自分で作ったのが以下のもの

function caution() {

  if ( !document.getElementById("A").checked || !document.getElementById("B").checked

  && !document.getElementById("C").checked&&document.getElementById("button").checked)

  window.aleret("選択出来ません");

}

 しかしこれだと「選択出来ません」とアラートが立ち上がるだけで選択は解除されない。

ここで思い悩んだが様々調べた結果、以下の一文を加えることで解決！！

document.getElementById("button").checked = false;

いやー。出来た時は気持ちよかったなー。でも処理が2行になったので、if()の後ろの処理部分を{}で囲むことも忘れずに！