前回はCSSを使って擬似フォームUIのデザインを整えるところまでを紹介してきましたが、今回からは擬似フォームUIの肝となる、jQueryを使ったフォーム操作の方法を紹介していきます。 前回の記事はこちら STEP05 jQueryでチェックボックスのチェック状態を操作する この時点でのサンプルを表示する 擬似フォームUIでは、実際のチェックボックスは隠れた状態になるため、jQueryでチェック/未チェックの切り替えを行います。 そのために覚えておきたいのが次の項目です。 input要素のchecked属性 input要素にchecked属性を付けることで、チェック/未チェックの状態を操作することができます。