JSFiddle - React, Tailwind, and code Playground

HTML

<div class="find_input">
    <div class="adding">
        <input type="text" class="number">
        <a href="" class="add_input">add</a><br>
    </div>
</div>

JavaScript

$('.number').live('keyup change',function(){
        $(this).val($(this).val().replace(/\D/g,''));
    });

$('a.add_input').live('click', function (event) {
    event.preventDefault();
    //num()
    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('.remove_table').remove();
    $clone.find('.adda').not(':has(.remove_input)').append('<div class="mediumCell"><a href="" class="remove_input"></a></div>');
    $clone.find('input:checkbox').prop('checked', false);
    $clone.find('input:text').val('')
    $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'));
});