Значение счетчика проверено и введено - PullRequest
0 голосов
/ 21 сентября 2018

Я ищу способ проверить все значения и ввести все значения в одну и ту же таблицу.

Это мои флажки и мои входы.Если пользователь добавляет поля, нажимая +, он добавляет их в массив.

array

Мой шаблон:

    {if $familyUser && $product.is_travel|intval === 1}
    <div id="family_block_product">
        <h3 class="green_title"><span>{l s='Ajouter des participants'}</span></h3>
        {foreach $familyUser as $user}
            {if $user->active == 1}
                <div class="input-group">
                    <div class="input-group-prepend">
                        <div class="input-group-text">
                            <p>
                                <input type="checkbox"
                                       value="#{$user->id_block_family} {$user->surname|escape:'htmlall':'UTF-8'} {$user->name|escape:'htmlall':'UTF-8'}"
                                       class="userChecked_{$user->id_block_family}" name="userChecked[]">
                                {$user->surname|escape:'htmlall':'UTF-8'} {$user->name|escape:'htmlall':'UTF-8'}
                            </p>
                        </div>
                    </div>
                </div>
            {/if}
        {/foreach}
        <div class="field_wrapper">

            <a href="javascript:void(0);" class="add_button_blockproducttravel" title="Add field"><img
                        class="img-responsive"
                        src="/modules/blockproducttravel/img/add-icon.png"
                        width="20"/></a>

        </div>
        <p class="last_p">{l s='Votre enfant n\'est pas sur la liste : ' mod='blockproducttravel'}<a
                    href="{$link->getModuleLink('blockfamily', 'myfamily')|escape:'html'}">{l s='modifiez votre foyer' mod='blockproducttravel'}</a>
        </p>
    </div>
{/if}

Вот мой шаблон HTML / Smarty, зная, что после того, как мне нужно будет восстановить эту таблицу, будет запись в базе данных.

Вот что я уже сделал.

    $(document).ready(function(){
    var maxField = 10; //Input fields increment limitation
    var addButton = $('.add_button_blockproducttravel'); //Add button selector
    var wrapper = $('.field_wrapper'); //Input field wrapper
    var fieldHTML = '<div class="form-group">' +
        '<label class="col-md-4" for="nameGuest">Nom & Prénom</label>' +
        '<div class="col-md-8">' +
        '<input class="form-control nameGuest" type="text" name="field_name[]"/>' +
        '<a href="javascript:void(0);" class="remove_button_blockproducttravel">' +
        '<img class="img-responsive" src="/modules/blockproducttravel/img/Remove_Item_icon.png" width="20" />' +
        '</a></div>';
    var x = 0;
    var counted = 0;
    var participants = [];

    $(addButton).click(function(e){
        if(x < maxField){
            x++;
            counted++;
            $('#quantity_wanted').val(counted);
            $(wrapper).append(fieldHTML);
        }
    });

    //Once remove button is clicked
    $(wrapper).on('click', '.remove_button_blockproducttravel', function(e){
        e.preventDefault();
        $(this).parent().parent('div').remove(); //Remove field html
        x--; //Decrement field counter
        counted--;
        $('#quantity_wanted').val(counted);
    });

    $("#family_block_product input[name='userChecked[]']").change(function (event) {
        if ($(this).is(':checked')) {
            counted++;
            $('#quantity_wanted').val(counted);
            participants.push(event.target.value);
            console.log(participants);
        } else {
            counted--;
            $('#quantity_wanted').val(counted);
            // TODO Faire la suppression de l'utilisateur lorsqu'on décoche
        }
    });
});

Спасибо заваша помощь.

...