Onclick复选框创建具有值的动态html元素

Question

这是我的代码：

<script type="text/javascript">
function selectedone(str)
{
    var classes = "";
    $(':checked[class]').each(function(){
       classes = $(this).attr("class");
    });
    var e = document.createElement('strong');
    e.setAttribute('id',str);
    $("#resultthis").append(e);
    row = $("#resultthis").find('#'+str);
    $(row).html(classes);
}
</script>

此处为复选框：（此循环内部运行）

<input type="checkbox" onclick="resultthis(this.id);" value="<?php echo $a; ?>" id="<?php echo $a; ?>" class="<?php echo $b; ?>"/>

在单击此复选框时，我需要获取该类名称并在（#resultthis）div中动态创建标签，并为该标签设置与类名称相同的值。 我的问题是每次我单击复选框时，它在侧面标签中设置多个时间值。 如何解决呢？

Answer 1

您是否要实现这一目标？ 如果是，则应使用.html()而不是.append()

小提琴演示