使用复选框从表中选择时添加两次数据

我不确定这里的循环有什么问题。 当我使用复选框从表中选择数据（使用JSON生成）时，会多次添加所选数据。

这里的代码有什么问题，它迭代循环中的所有复选框，并选择要在articledata中添加的选中值。 

$('input[name="articles"]:checked').each(function() { var articleJson = JSON.parse(decodeURIComponent(this.value)); articlesResult +='
'+articleJson.newsTitle+'
'+articleJson.PublishDate+'
'+articleJson.newsJobFuntion+'
'+articleJson.newsJobFuntionGA+','+articleJson.newsJobFuntionGA+','+articleJson.newsJobLevelGA+'
' $('.box').append(articlesResult); });

我认为你需要使用HTML而不是追加。 因为append将每次添加已检查的数据以及当前已经具有您之前选择的数据的当前数据 

 $('input[name="articles"]:checked').each(function() { var articleJson = JSON.parse(decodeURIComponent(this.value)); articlesResult +='
'+articleJson.newsTitle+'
'+articleJson.PublishDate+'
'+articleJson.newsJobFuntion+'
'+articleJson.newsJobFuntionGA+','+articleJson.newsJobFuntionGA+','+articleJson.newsJobLevelGA+'
' }); $('.box').html(articlesResult);

试试这个，你将同一组模板一遍又一遍地添加到同一个变量并将其附加到DOM。 你只需要在循环后调用一次append。 

 $('input[name="articles"]:checked').each(function() { var articleJson = JSON.parse(decodeURIComponent(this.value)); articlesResult +='
'+articleJson.newsTitle+'
'+articleJson.PublishDate+'
'+articleJson.newsJobFuntion+'
'+articleJson.newsJobFuntionGA+','+articleJson.newsJobFuntionGA+','+articleJson.newsJobLevelGA+'
' }); $('.box').append(articlesResult);
Interesting Posts

在URL后面添加一个随机数

jPlayer 2.2.0：在页面加载时在单独的div中显示曲目标题

如何在JavaScript中听Ctrl-P键按？

使用jquery从CDATA和描述标记中获取图像

jQuery replaceWith找到新元素

在变量索引处插入字符串

jquery webcam plugin TypeError：webcam.capture不是偶尔抛出的函数

jquery：秒表

如何禁用下拉元素中的特定项

如何使用JSON数据创建html表？