javascript - 添加新输入:checkbox and not has value

Question

我在添加新的input:checkbox时遇到问题，当我添加新的输入并检查它时，下一个设置单击了按钮，我没有input:checkbox的值被检查了。怎么解决？

演示:http://jsfiddle.net/G4QRp/

$(function () {
    $('a.add_input').live('click', function (event) {
        event.preventDefault();
        var $class = '.' + $(this).closest('div.find_input').find('div').attr('class').split(" ")[0];
        var size_un = $($class).length;
        var $this = $(this),
            $div = $this.closest($class),
            $clone = $div.clone().hide().insertAfter($div).fadeIn('slow');
        $clone.find('.adda').not(':has(.remove_input)').append('<div class="mediumCell"><a href="" class="remove_input"></a></div>');
        $clone.find('input').val('').prop('checked', false);
        $this.remove();
        var size_un = $($class).length---1;
        $($class + ':last input:checkbox').prop('name', 'checkbox_units[' + size_un + '][]');
        console.log($($class + ':last input:checkbox').prop('name'));
    });
});

Answer 1

您的代码始终会清除它添加的所有复选框的值:

    $clone.find('input').val('').prop('checked', false);

虽然很困惑，但工作正常。警报正确显示了已选中的复选框，但由于您的代码已将每个复选框的值设置为“”，所以它是空的。如果你像这样改变它:

    $clone.find('input').prop('checked', false);

它显示的值与原始复选框相同。

您可能需要考虑使用“data-”属性而不是“class”字符串来存储“add_units”类名之类的内容。