Question

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

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

RED

点击复选框后输出：

REDRED

我看不出它出了什么问题。我正在使用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);
});

.append（）通过两次输出值来表现奇怪

2 个答案: