もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き) 第13回今すぐできる!ユーザビリティを向上させるフォーム操作実践(5)デザインされたチェックボックスを実装する 今回は選択不能とチェックボックスなどをデザイン 前回は疑似セレクトボックスの利用によって、セレクトのデザインを変更する方法をご紹介しました。今回は似たようなこととして、チェックボックスとラジオボタンのデザインを変更する方法をご紹介します。 それと今回はその前に、disabledを利用して、フォームの入力を制限する方法と、それをJavaScriptによって、切り替える方法をご紹介します。 まずは完成サンプルをみてください。 選択不能状態にしておくには、HTMLに「disabled="disabled"」を入れるとできます(次のサンプル参照)。しかし、それを選択可能状態にするにはJavaScriptで操作するしか
![第13回 今すぐできる!ユーザビリティを向上させるフォーム操作実践(5)デザインされたチェックボックスを実装する | gihyo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b5f63c2f6e7f47fc6a1fc3c0dcf5dbd72a38ed5/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2009%2F488_jquery-site-production.png)