Как передать значение в скрытый инпут?

Question

[ssawyer]

Есть такая форма:

При клике "Заказать", открывается модальное окно с формой Contact Form 7. Там создал скрытый инпут.

Такой вопрос. Если пользователь хочет добавить какую либо услугу к заказу как это значение передать в форму (в скрытый инпут) ?

Comments

[ThunderCat]

вообще что мешало сделать каждой строке инпут? это же и проще и нагляднее?

Answer 1

[Lendwye]

Через js меняете аттрибут value у скрытого инпута

Comments

[ssawyer]

const inputs = document.querySelectorAll('.input-js');
    const inputHidden = document.getElementById('additional');


    // Обход цикла
    inputs.forEach((input) => {
    input.addEventListener('click', handlerInput);
    });

    function handlerInput(event) {
        inputHidden.value = this.value;
    }

Сделал так, но если кликать по следующим чекбокам, значение в скрытом инпуте заменяется, а нужно чтобы добавлялось, например через запятую

[Dymok]

ssawyer, получайте все checked инпуты, а не последний кликнутый, формируйте из них строку и передавайте в скрытое поле