チェックボックスのフォームを作っているのですが、

質問

チェックボックスのフォームを作っているのですが、

【●と■にチェックが入っていなければ次のページには進めず、エラーメッセ時が出る】

これはこのURLのページを参考にして作れました。
http://www.tagindex.com/javascript/form/check4.html

ただ、私が作りたいのは
【●と■にチェックが入っていなければ次のページには進めずエラーが出るけれど、●と■にチェックが入っていても★にチェックが入っていたら次のページには進めずエラーメッセージが出る】

という物を作りたいのです。
こういう場合どうしたらいいのでしょうか？

回答No.1

yambejp · ベストアンサー

ざつにやるとこんなかんじ

<script>
function check(f){
var flg=true;
if(!f["maru"].checked){alert("●にチェックする");flg=false;}
if(!f["sikaku"].checked){alert("■にチェックする");flg=false;}
if(f["hosi"].checked){alert("★のチェックをはずす");flg=false;}
return flg;
}
</script>

<form onsubmit="return check(this)">
<input type="checkbox" name="maru">●
<input type="checkbox" name="sikaku">■
<input type="checkbox" name="hosi">★
<input type="submit" value="go">
</form>

お礼

ありがとうございます！
バッチリ完璧にできました！！
本当にありがとうございます！！！！！