チェックボックスをdivに追加して(id = "#sensorList"を使用)、いくつかのイベントハンドラーをそれにバインドしたいと思います。私はこのようにします
/* 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をクリックするデフォルトの動作はありません!!!)