Bootstrap3:ラジオボタンをスイッチ表示にする

harada 810views 更新:2016年4月14日

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>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません