javascript - 将带有jquery的复选框添加到div中

我想将一个复选框添加到一个div到另一个div(使用id =“＃sensorList”)，然后将一些事件处理程序绑定(bind)到它。
我就是这样

/* Add div */
$("#sensorList").append($('<div>', { id : sensorId})
.addClass("sensorListItem")
.text(sensorId)
);

/* Adds visibile checkbox */
$("#"+sensorId).append($('<input>', { id : sensorId + "VisibleCheckbox", type:"checkbox", name: sensorId + "VisibleCheckbox"}));

看来工作正常，但是如果我单击复选框，它不会切换到已检查状态!

任何的想法？
先感谢您。

很抱歉，我找出了问题所在。
我看不到复选框已选中，因为我在div上有一个名为sensorId的单击处理程序，但我很愚蠢地这样做了:event.preventDefault()(单击div时没有默认行为!!!)

最佳答案

尝试一些长手，看看是否可行...

$("#"+sensorId).append('<input type="checkbox" id="' + sensorId + 'VisibleCheckbox" name="'  + sensorId + 'VisibleCheckbox" >');