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

时间:2014-02-07 05:45:36

标签: javascript php jquery html

这是我的代码:

<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中创建标签动态,并为该标签设置与类名相同的值。 我的问题是每次我点击复选框在侧标签中设置多个时间vaue。 怎么解决这个?

1 个答案:

答案 0 :(得分:0)

你试图实现这个目标吗? 如果是,则应使用.html()代替.append()

Fiddle demo