webサイト上で何かを選択する際に利用することの多いチェックボックスとラジオボタン。デザインされることはあまりなく、比較的シンプルでベーシックなタイプが利用されることがほとんどですが、今回はそこにデザインや独自の動きを追加できる、チェックボックスとラジオボタンの無料jQueryプラグイン「12 Free jQuery Checkbox and Radio Button Plugins」を紹介します。

Bootstrap Switch · Turn checkboxes and radio buttons in toggle switches

派手な演出ではありませんが、取り入れることでデザインが魅力的に見える、機能性の高いプラグインが紹介されています。

詳しくは以下

Checkbox-field
数種選択できたり、すべてを一気に選択したり。選ぶ内容に合わせて選べるチェックボックスが用意されています。非常にシンプルなタイプ。
　
　
　
　

Bootstrap-checkbox
赤と緑・青といった、非常にはっきりとした色の組み合わせが特徴で、見た目で選択している状態を認識しやすいのがユーザビリティの高さを求められるサイトにぴったり。
　
　
　
　

Bootstrap Toggle
サイズのカスタムが可能なチェックボックス。丸みを帯びた柔らかいデザインも特徴です。
　
　
普段なかなか気を使わない場所だけに、使ってみるとよりサイトの使いやすさが向上すると思います。気になったものはこの機会に是非取り入れてみてはいかがでしょうか？

12 Free jQuery Checkbox and Radio Button Plugins | Designbeep