Question

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

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

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

对象将是这样的：

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

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

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

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

由于

Answer 1

第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/

来自JSON Array的动态CheckBox

1 个答案: