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()

Fiddle demo