フォーム

jQuery API を使って作った、フォームに関するちょっと便利なサンプル集。

• すべて選択・すべて解除・すべて反転ができるチェックボックス
  

  複数のチェックボックス使ったフォームにおいて、クリック操作で、チェックボックスを、すべて選択、すべて解除、すべて反転できるようにする方法。

• 同意にチェックを入れると、有効になるフォーム
  

  同意にチェックを入れると、入力できるようになるフォーム。

• 選択中のチェックボックスの背景色と枠線の色を変える
  

  jQuery を使い、選択中のチェックボックスの背景色と枠線の色を変える方法。チェックボックスにチェックを入れると、チェックボックスを包んでいるlabel要素の背景色と枠線の色を変更する。背景色と枠線の色を変えることで、どのチェックボックスが選択中であるか、わかりやすくすることができる。

• 選択中のラジオボタンの背景色と枠線の色を変える
  

  jQuery を使い、選択中のラジオボタンの背景色と枠線の色を変える方法。ラジオボタンにチェックを入れると、ラジオボタンを包んでいるlabel要素の背景色と枠線の色を変更する。背景色と枠線の色を変えることで、どのラジオボタンが選択中であるか、わかりやすくすることができる。

• フォームの内容の変更を特定の要素に即反映させるjQuery
  

  jQueryを使い、フォーム内のフォーム部品の値の変更を、特定の要素内に直ぐに出力させる方法。

• フォームの内容を表に追加するjQuery
  

  jQueryを使い、フォームの内容を一行（tr要素）にまとめ、表（table要素）に最後の行（tr要素）として追加する方法。