4

我是 JavaScript / JQuery 的新手,我不确定我该怎么做。也许每个部分的一个小例子会有所帮助。

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

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

对象将如下所示:

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

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

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

任何使用 JQuery 做这类事情的例子都会非常有帮助。

谢谢

4

1 回答 1

6

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

于 2013-03-05T17:27:17.940 回答