Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 01.10.2020, 13:13
Аспирант
Отправить личное сообщение для wrbanker Посмотреть профиль Найти все сообщения от wrbanker
 
Регистрация: 05.08.2020
Сообщений: 38

Спасибо. Вот код:

<form id="special-form">
        <input type="number" name="main-number"> 
        <input type="date" name="main-date">
        <ul>
            <li><input type="radio" name="radio-button" value="r-first"></li>
            <li><input type="radio" name="radio-button" value="r-second"></li>
        </ul>
        <ul>
            <li><input type="checkbox" name="chb-first"></li>
            <li><input type="checkbox" name="chb-second"></li>
        </ul>
        <input type="submit" value="Обработать">
</form>
             
    <script>
        const form = document.querySelector('#special-form');
        form.addEventListener('submit', function (event) {
            const tf_1 = this.querySelector('[name="main-number"]').value;
            const tf_2 = this.querySelector('[name="main-date"]').value;
            const tf_3 = this.querySelector('[name="radio-button"]').value;
            const tf_4 = this.querySelector('[name="chb-first"]').value;
            const tf_5 = this.querySelector('[name="chb-second"]').value;     
            alert (tf_1 + '\n' + tf_2 + '\n' + tf_3 + '\n' + tf_4 + '\n' + tf_5);
        });
    </script>


Значения number и date определяются. В radio, независимо от отметки, значение r-first. Оба checkbox, независимо от флажков, всегда on. Подскажите, в чём моя ошибка?

P.S: с checkbox разобрался: присваиваю нужное мне значение переменной через условное ветвление
const tf_5 = (this.querySelector('[name="chb-second"]').checked) ? 1 : 0;

Последний раз редактировалось wrbanker, 01.10.2020 в 15:09. Причина: Дополнение
Ответить с цитированием
  #12 (permalink)  
Старый 02.10.2020, 12:45
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

this.querySelector('[name="main-number"]')... в то время когда можно сразу получить this["main-number"], это к чему?

Если у флажка не определено значение, то оно по умолчанию будет равно "on", с этим значением выбранный флажок и будет отправлен на сервер. Не выбранные флажки на сервер не передаются.

Не знаю чего тут делается, но если не отменять значение по умолчанию формы event.preventDefault();, то она будет отправлена естественным образом.
Ответить с цитированием
  #13 (permalink)  
Старый 16.10.2020, 14:21
Новичок на форуме
Отправить личное сообщение для gunthergeller Посмотреть профиль Найти все сообщения от gunthergeller
 
Регистрация: 16.10.2020
Сообщений: 1

There are 15 unique qualities ​​in complete. In HTML code, everything is contained inside one FORM tag. It is beyond the realm of imagination to expect to pass all the qualities ​​for handling in JS in one activity. Windscribe black friday vpn

Последний раз редактировалось gunthergeller, 16.10.2020 в 17:56.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подключение случайных значений Nyam Общие вопросы Javascript 13 26.04.2014 20:46
Суммирование значений по всем динамически добавленным полям Joliat Общие вопросы Javascript 2 12.02.2014 16:01
как записать <form> с отправкой .. если есть уже <form> с другим обработчиком Arfey Серверные языки и технологии 9 01.06.2010 16:31
Переодическое обновление значений для графика, функция для обновления значений yupa87 Общие вопросы Javascript 0 09.07.2009 14:48
Обработка значений select multiple разум Я не знаю javascript 7 08.06.2009 14:09