jquery - .append() 通过两次输出值表现奇怪

Question

jQuery("input[type=checkbox]").click(function(){
     var checkValue = jQuery(this).attr("value");
     if(jQuery(this).is(':checked'))
         jQuery("#myResults").append( checkValue );
});

我有上面的代码工作正常，除了它两次放置值。例如，如果我的复选框值为：

红色的

单击复选框后，它会输出：

红红

我看不出哪里出了问题。我正在使用 jQuery v1.8.3

我发现这个线程有同样的问题 [jQuery 追加调用两次][1] 但它不符合我的情况，非常感谢任何信息。

编辑：问题已得到解决，就像大卫说的那样，问题出在我代码的另一个不相关区域。感谢大家的帮助，Stackoverflow 是程序员的宝贵资源！

Answer 1

已编辑

我认为这段代码对你有用。

$("input[type=checkbox]").change(function() {
    if(this.checked)
        $("#myResults").html(this.value);
});

Answer 2

尝试设置 html 而不是附加它：

jQuery("input[type=checkbox]").click(function(){
var checkValue = jQuery(this).attr("value");
 if(jQuery(this).is(':checked'))
jQuery("#myResults").html(checkValue);
});