javascript - 在附加 div 第一个 div 的 radio 上选中自动未选中

Question

每当我尝试克隆 div 时，第一个 div 都会自动检查 radio 未选中..

为什么会发生这种情况？我做错了什么..

用户检查了 radio 而不是单击添加按钮，当时第一次检查的值消失了..但不应该取消选中..

这是代码。

var count = 1;
var is = 0;
var isx = 1;
$(function () {
    $("body").on('click', '.btn-add', function (e) {
        count++;
        e.preventDefault();
        if (count > 5)
            return;
        var controlForm = $('.miuplod:first'),
        currentEntry = $(this).parents('.uploadgroup:first'),
        newEntry = $(currentEntry.clone()).appendTo(controlForm);
        newEntry.find('input').val('');
        newEntry.find('input:radio').attr('checked', false);
        newEntry.find('input:radio[name="chotype' + is + '"]').attr('name', 'chotype' + isx);
        newEntry.find('input:radio[name="align' + is + '"]').attr('name', 'align' + isx);
        is++;
        isx++;
        controlForm.find('.uploadgroup:not(:last) .btn-add')
        .remove()
        .removeClass('btn-success');
        //.html('<span class="glyphicon glyphicon-minus">-</span>');
    }).on('click', '.btn-remove', function (e) {
        $(this).parents('.uploadgroup:first').remove();
        e.preventDefault();
        count--;
        is--;
        isx--;
        return false;
    });
});

请帮助我..这是一个jsfiddle link .

Answer 1

您需要修改克隆的元素，然后追加它。

 newEntry = currentEntry.clone();
 //Do your operation

 newEntry.appendTo(controlForm);

Update fiddle