Bootstrap3を利用して、簡単にラジオボタンをスイッチのように表示することができます。
デモはこちら
事前にBootstrap3のJavaScriptファイルとjQuery、CSSファイルを読み込んでください。
HTML
<h2>ラジオボタンでスイッチ表示</h2> <div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary"><input type="radio" name="options" id="option2" autocomplete="off">会えた</label> <label class="btn btn-primary"> <input type="radio" name="options" id="option3" autocomplete="off">会えなかった</label> </div>