JSON 数组中的动态复选框

我是 JavaScript / JQuery 新手，我不知道如何才能做到这一点。也许每个部分的一个小例子会有所帮助。

说我有<div id="checkboxes"></div>

当页面加载时，我将进行一个 ajax 调用，该调用将返回 JSON 数组。这我知道该怎么做。

对象将如下所示：

[
  {
    name: "Item 1",
    id: "27",
    checked: "true"
  }
  ...
]

我需要以某种方式获取该 JSON 响应，并将一些复选框注入到该 div 中，该 div 也将存储 ID。复选框文本为“名称”。

然后，我需要知道如何在选中任何这些复选框时附加一个函数，此时我需要获取“id”，因为当任何选中的更改时我将执行 ajax 调用。

任何使用 JQuery 执行此类操作的示例都会非常有帮助。

Thanks

第 1 部分（创建盒子）：

$.each(json, function () {
    $("#checkboxes").append($("<label>").text(this.name).prepend(
        $("<input>").attr('type', 'checkbox').val(this.id)
           .prop('checked', this.checked)
    ));
});

第2部分（动态获取ID）：

$("#checkboxes").on('change', '[type=checkbox]', function () {
   //this is now the checkbox; this.value is the id.
});

http://jsfiddle.net/g2zaR/ http://jsfiddle.net/g2zaR/