как сделать форму с использованием javascript - PullRequest
0 голосов
/ 30 апреля 2020

У меня есть пара флажков после выбора флажков, я посчитал количество флажков и я хочу отобразить форму после выбора флажка и нажатия кнопки, номер флажка выбран, число повторяется той же формы, что (имя, номер мобильного телефона и возраст), и форма сворачивается после нажатия кнопки, форма будет отображаться

  <form id="form1"  method="post"></form>
  <div id="displayer" class="row flex-row flex justify-center mt3 mb4 py-2 f7 items-center vh-50 overflow-auto border-dark ba b--dashed" >

                <script>
                    let html = '';
                    for(i = 0; i<10;i++) {
                        html += `
                  <input type="checkbox" class="dn checkme" name="s-size" id="${i}" value="${i}"/>
                <label for="${i}" class="col-2 br-pill f7 m-1 btn text-dark bg-white border-dark grow">${i}</label>

                        `
                    }


                    document.getElementById("displayer").innerHTML = html;
                </script>
 </div>
        </form>
            <div class="col-12 p-0 mt0 flex flex-row justify-center" style="position:-webkit-sticky; position:sticky; bottom:0; ">
                <button href="#" class="btn btn-dark br-pill w-50  bg-dark " onclick="validate()">Place Bid</button>
            </div>



    <script>
    let validate = (num) => {
    let checks = document.getElementsByClassName('checkme');
    console.log(checks);
    let str = '';
    let count = 0;
    for(i=0; i<10; i++){
        if(checks[i].checked === true){
            if(count == 0){
                str += checks[i].value;
            }
            else{
                str = str + " | " + checks[i].value ;
            }
            count++;
        }
    }
    alert(str);
}
</script>

Я посчитал и напечатал значения флажка, который установлен, но я хочу отобразить раскрывающаяся свернутая форма, которая отображается после нажатия кнопки, номер установленного флажка, номер формы отображается с именем мобильного телефона и возрастом

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...