jQueryでかんたん作成！診断テストの作り方 | それからデザイン スタッフブログ「○○さんはAタイプです。あなたも診断してみよう！」FacebookやTwitterでこんな投稿を目にしたことがありませんか？今回は、SNSでよく見かける診断テストをjQueryでかんたんに作る方法を紹介します。 デモはこちら。実際のコードは以下です。 html <ul> <li> Q1. 問題が入ります <label><input type="radio" name="q01" class="typeA"> YES</label> <label><input type="radio" name="q01" class="typeB"> NO</label> </li> //以下省略 </ul> <button>診断する</button> <div class="result resultA"> あなたはAタイプ </div> <div class="result resultB"> あな
