スパンの内側のチェックボックス

Question

スパンの内側にチェックボックスを入れようとしています。私はそれをクリックするとすべてが正常に動作している、それは基本的に合計を出力しますが、今私はスパンの内側にチェックボックスを持っていると私はこの特定の状況に置く方法を知らない...誰かが私は正しい方向に？前もって感謝します！

これは私が私のスパンでこのcheckoxを含めるか、どのように私が今持っているもの

var amount_field = $("#Amount"); 

var req_link = $("<span/>", { 
    "class": "action_link", 
}); 
req_link.text("Required Payment"); 
req_link.click(function() { 
    amount_field.val('this is where the total is outputted '); 
}); 

のですか？あるいはこれを行うための別の方法がありますか？

var checkbox_field = $("<input/>", {    
    "type": "checkbox", 
}); 

Answer 1

だけappendそれスパンにあなたの作成オブジェクト：

var req_link = $("<span/>", { 
    "class": "action_link", 
}); 

var checkbox_field = $("<input/>", {    
    "type": "checkbox", 
}); 

req_link.append(checkbox_field);