jquery - テーブルの行を複製するjQuery

Question

jQuery を使用して最初のテーブルのクローンを作成し、2 番目のテーブルに行を追加しています。私が抱えている問題は、ラジオボタンを選択して追加ボタンをクリックしたときに、ラジオボタンの値を取得できないことです。また、追加ボタンをクリックすると、チェックボックスに置き換えようとしていますが、追加をクリックしたときに追加した最後の行ではなく、中央の行でのみ機能します。

ラジオ ボタンの値を取得し、複製された行の追加ボタンをチェックボックスに置き換えるにはどうすればよいですか?

これは私がこれまでに持っているものです:

http://jsfiddle.net/AkVTw/42/

Answer 1

イベントハンドラーをバインドしたときに要素がページに存在しなかったため、新しく追加された要素にはクリックイベントハンドラーが関連付けられていないため、イベントを委任する必要があります。

このコード行を置き換えます

$('.checkbox').on('click',function(){

これとともに

$('table').on('click','.checkbox', function(){

フィドル

更新されたフィドル