#wrapper.question%h1.titleソーシャルスタイル診断
    %ul.questions%li.textBox%span.text Q1. 冷静で人からの指示は嫌い
        %label.yes%input.typeA.typeD{:name=>"q01",:type=>"radio"}>/
          YES
        %label.no%input.typeB.typeC{:name=>"q01",:type=>"radio"}>/
          NO
      %li.textBox%span.text Q2. 自分の話をすることを好む
        %label.yes%input.typeB.typeA{:name=>"q02",:type=>"radio"}>/
          YES
        %label.no%input.typeC.typeD{:name=>"q02",:type=>"radio"}>/
          NO
      %li.textBox%span.text Q3. 周りの意見を大事にする方だ
        %label.yes%input.typeC.typeD{:name=>"q03",:type=>"radio"}>/
          YES
        %label.no%input.typeA.typeB{:name=>"q03",:type=>"radio"}>/
          NO
      %li.textBox%span.text Q4. 情報を集めたり分析することが得意だ
        %label.yes%input.typeD.typeC{:name=>"q04",:type=>"radio"}>/
          YES
        %label.no%input.typeA.typeB{:name=>"q04",:type=>"radio"}>/
          NO
      %li.textBox%span.text Q5. 戦略立案や勝負事への興味が強い
        %label.yes%input.typeA.typeD{:name=>"q05",:type=>"radio"}>/
          YES
        %label.no%input.typeB.typeC{:name=>"q05",:type=>"radio"}>/
          NO
      %li.textBox%span.text Q6. ノリがよくムードメーカーだと言われる
        %label.yes%input.typeB.typeC{:name=>"q06",:type=>"radio"}>/
          YES
        %label.no%input.typeA.typeD{:name=>"q06",:type=>"radio"}>/
          NO
      %li.textBox%span.text Q7. 気配り上手、聞き上手と言われる
        %label.yes%input.typeC.typeD{:name=>"q07",:type=>"radio"}>/
          YES
        %label.no%input.typeA.typeB{:name=>"q07",:type=>"radio"}>/
          NO
      %li.textBox%span.text Q8. 感情を表に出すのは、苦手だ
        %label.yes%input.typeD.typeA{:name=>"q08",:type=>"radio"}>/
          YES
        %label.no%input.typeC.typeB{:name=>"q08",:type=>"radio"}>/
          NO
    %button診断する
  .result.ResultA.ResultA__recommendあなたの性格は・・・・
    .ResultA__Amenu.ResultA__Amenu__text前進型・行動派
    %pあなたは迅速かつ合理的に仕事を進めるタイプです。ビジネスライクな性格で、プロセスよりも結果を重視し、決断力に優れています。経営者に多いタイプに多いとされます。
    =image_tag("close-up-face-fashion-fine-looking-450212.jpg",width: "306px",class: "image").result.ResultB.ResultB__recommendあなたの性格は・・・・
    .ResultB__Bmenu.ResultB__Bmenu__text直感型・感覚派
    %pあなたは、周りから注目されることを好むタイプです。ビジネス面では、自ら先頭に立って人を率いていく傾向にあります。
    =image_tag("men-s-white-button-up-dress-shirt-708440.jpg",width: "306px",class: "image").result.ResultC.ResultC__recommendあなたの性格は・・・・
    .ResultC__Cmenu.ResultC__Cmenu__text温和型・協調派
    %pあなたは、どこにいてもみんなの調停役になるタイプです。周囲の気持ちに敏感で、自分の話をするよりも相手の話に耳を傾ける傾向にあります。
    =image_tag("woman-wearing-teal-dress-sitting-on-chair-talking-to-man-2422280.jpg",width: "306px",class: "image").result.ResultD.ResultD__recommendあなたの性格は・・・・
    .ResultD__Dmenu.ResultD__Dmenu__text分析型・思考派
    %pあなたは、独特の価値観や雰囲気を持っていて、周囲に影響されにくいマイペースな人です。仕事においては、データの収集や分析に黙々と取り組みます。
    =image_tag("person-using-a-laptop-3183131.jpg",width: "306px",class: "image")

$(function(){//ボタンがクリックされた時$("button").on("click",function(){//一度結果を非表示にする$(".result").hide();//問題数を取得varqNum=$("ul li").length;if($("ul li input:checked").length<qNum){//全てチェックしていなかったらアラートを出すalert("未回答の問題があります");}else{//チェックされているinputの数を取得vartypeANum=$(".typeA:checked").length,typeBNum=$(".typeB:checked").length,typeCNum=$(".typeC:checked").length,typeDNum=$(".typeD:checked").length,typeENum=$(".typeD:checked").length;if(typeANum>=typeBNum&&typeANum>=typeCNum&&typeANum>=typeDNum&&typeANum>=typeENum){$(".ResultA").fadeIn();}elseif(typeBNum>=typeANum&&typeBNum>=typeCNum&&typeBNum>=typeDNum&&typeBNum>=typeENum){$(".ResultB").fadeIn();}elseif(typeCNum>=typeANum&&typeCNum>=typeBNum&&typeCNum>=typeDNum&&typeCNum>=typeENum){$(".ResultC").fadeIn();}elseif(typeDNum>=typeBNum&&typeDNum>=typeCNum&&typeDNum>=typeANum&&typeDNum>=typeENum){$(".ResultD").fadeIn();}elseif(typeENum>=typeBNum&&typeENum>=typeCNum&&typeENum>=typeANum&&typeENum>=typeDNum){$(".ResultE").fadeIn();}}});});

.result.ResultA.ResultA__recommendあなたの性格は・・・・.ResultA__Amenu.ResultA__Amenu__text前進型・行動派%pあなたは迅速かつ合理的に仕事を進めるタイプです。ビジネスライクな性格で、プロセスよりも結果を重視し、決断力に優れています。経営者に多いタイプに多いとされます。=image_tag("close-up-face-fashion-fine-looking-450212.jpg",width:"306px",class:"image")

if(typeANum>=typeBNum&&typeANum>=typeCNum&&typeANum>=typeDNum&&typeANum>=typeENum){$(".ResultA").fadeIn();

$(".ResultA").fadeIn();