来自JSON Array的动态CheckBoxes

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

假设我有

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

对象将是这样的：

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

我需要以某种方式接受JSON响应并将一些复选框注入到也将存储ID的div中。 复选框文本将是“名称”。

然后，我需要知道如何在检查任何这些复选框时附加一个函数，我需要在那时获得’id’，因为我会在任何已检查的更改时执行ajax调用。

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

谢谢

Answer 1

第1部分（创建框）：

 $.each(json, function () { $("#checkboxes").append($("").text(this.name).prepend( $("").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/