タグ：

jQueryにclone()という大変便利なメソッドがあります。これは、

$(“#hoge”).clone();

とすると、ID=hogeを丸ごとコピーしてくれるというものです。
フォームで項目を追加したい場合などに大変威力を発揮します。

ただ問題があって、このclone()は、selectタグで変更したものを、コピーしてくれず、コピーしたら変更後の表示値ではなく、初期値が表示されてしまいます。

“jQueryでclone()するとselectタグで選択したのが反映されない”の詳細は »

タイトルが凄まじく長いですが、要は以下のように、1つのフォーム項目でラジオボタンとチェックボックスが混在しているような状況のことです。

好きなメーカー

特になし トヨタ パナソニック ソニー

このような状況の場合、チェックボックスが入っている状況でラジオボタンをクリックしても、チェックボックスは外れてくれません。

というわけでJavascript、というかjQueryで制御します。