チェックボックスでの選択結果による場合分けの方法を教えてください

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
プログラミング初心者です。
今大学の最終課題としてチェックボックスを使ったズボラ度診断を作りたいと考えています。
選択結果による場合分けの方法がわかりません。
選択肢８個のうち２個以下に当てはまれば「もう少しサボれますよ笑」
３〜６個に当てはまれば「危険です。生活を見直しましょう」
７個以上に当てはまれば「君をズボラくんと命名する」
と表示されるようにしたいです。

エラーメッセージ

###該当のソースコード

<!DOCTYPE html> <html> <body bgcolor="pink"> <head> <meta charset="utf-8"> <title>ズボラ度診断</title> <h>ズボラ度診断</h> </head> <form action="cgi-bin/abc.cgi" method="post"> <p><input type="checkbox" name="riyu" value="1" checked="checked">よく遅刻する</p> <p><input type="checkbox" name="riyu" value="2">課題の提出がよく遅れる</p> <p><input type="checkbox" name="riyu" value="3">出席点がない授業には参加しない</p> <p><input type="checkbox" name="riyu" value="4">朝ではなく昼に起きることがほとんど</p> <p><input type="checkbox" name="riyu" value="5">テスト前になるといつも以上に遊ぶ</p> <p><input type="checkbox" name="riyu" value="6">雨が降ると大学にいかない</p> <p><input type="checkbox" name="riyu" value="7">授業を休んでサークルにだけ行く日がある</p> <p><input type="checkbox" name="riyu" value="8">過去問に頼った試験勉強をする</p> <p> <input type="submit" value="診断する"> </p> </body> </form> </html>

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

kei344

2016/07/13 04:52

ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。また、コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。

Mr_Roboto

2016/07/13 04:57

こんにちは、初めての質問ですね、よろしくお願い致します^^ ここでは、初めての質問でも容赦なくマイナスの評価がつけられてしまうのはよくあることなので気にしないでください ^_^；自分なりに考えたコードを少しでも載せないとすぐに付けられてしまいます。質問するときのヒント https://teratail.com/help/question-tips を読んでなければ読んでみてくださいね。どの言語で作りたいのかが書いてないので誰も回答ができないとおもいますよ。質問を編集するなりタグをつけるなりしてみてくださいね。・

行動規範の内容に同意します

回答1件

ベストアンサー

どういった挙動をご希望なのか分かりませんが、とりあえず出し訳の仕方です。
あとはご自身で読み解いて自分なりにアレンジしてみてください。

Javascript
1<script>
2 $(function(){
3  $("input[name='riyu']").on("change",function(){
4   var $checked = $("input[name='riyu']:checked").length;
5   if($checked <= 2) {
6    alert("2個以下です");
7   }
8  });
9 });
10</script>