javascript - 从 json 动态生成复选框列表

Question

我正在根据 json 数据的内容动态生成一个复选框列表:

tempfairway 的格式:[{"FairWay":"A"},{"FairWay":"B"}, {"FairWay":"C"}, {"FairWay":"D"}]

var topics = tempfairway;
var topicContainer = $('ul#fairway_list');
$.each(topics, function (iteration, item) { topicContainer.append(
$(document.createElement("li")).append(
$(document.createElement("input")).attr({
        id: 'topicFilter-' + item,
        name: item, 
        value: item,
        type: 'checkbox',
        checked: true
        })
        //onclick
        .click(function (event) {
         var cbox = $(this)[0];
         alert(cbox.value);
         })
).append(
$(document.createElement('label')).attr({
'for': 'topicFilter' + '-' + item
}).text(item)
   )
     )
});

复选框生成的数字正确，但我得到的是 [object Object] 而不是球道名称。

关于如何解决这个问题有什么想法吗？

还有几个问题需要补充:- 如果我只想在 tempfairway 中显示唯一值怎么办？-.Click 设置为获取单个复选框的值，如果我想遍历所有复选框并获取所有已选中的复选框的值，以防用户取消选中其中的任何一个，该怎么办？

Answer 1

行内:

> $.each(topics, function (iteration, item) {

item 是一个像 {"FairWay":"A"} 这样的对象，所以你有:

> .text(item)

你可能想要:

 .text(item.FairWay)

item 的其他用途也类似。或者您可以将值存储在变量中并使用它:

var fairwayName = item.FairWay;
...
.text(fairwayName);