跨度內的復選框

Question

我正在嘗試在范圍內有一個復選框。 當我單擊跨度時，一切都可以正常工作，基本上可以輸出總計，但是現在我想在跨度內有一個復選框，我不知道如何將其置於這種特殊情況下……有人可以指出嗎？我朝着正確的方向前進嗎？ 提前致謝！

這就是我現在所擁有的

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 ');
});

如何在我的跨度中包含此checkox？ 還是有其他方法可以做到這一點？

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

Answer 1

只需將其附加到您創建的span對象中即可：

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

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

req_link.append(checkbox_field);