Проблема настройки CSS-степпера с использованием Jquery или Vanilla Js - PullRequest
Новая
       11

Проблема настройки CSS-степпера с использованием Jquery или Vanilla Js

0 голосов
/ 13 октября 2018

Я создаю многоуровневую форму, используя HTML и CSS, которая отлично работает.Он имеет шаговый механизм сверху, в результате чего я хочу отключить 2-е и последующие поля, пока на кнопке 1-го этапа не будет инициировано событие отправки.Код ниже управляет степперами.Он имеет собственные идентификаторы для управления каждым степпером.Когда я добавляю отключенное свойство к коду, степперы не двигаются.Как я могу использовать vanilla Js или некоторые jquery, чтобы убедиться, что отображается только 1-я фаза, в то время как другие отключены, когда пользователь впервые посещает, а и последующие фазы появляются только тогда, когда событие инициируется впредыдущий этап ?

~ Спасибо

Js Ссылка Fiddle для CSS и HTML-кода

http://jsfiddle.net/8c4ktyq5/

Кнопки Raadio, которые управляютстепперы 

   <input checked='checked' id='step-1' name='step' type='radio'>
    <input id='step-2' name='step' type='radio'>
    <input id='step-3' name='step' type='radio'>
    <input id='step-4' name='step' type='radio'>
    <input id='step-5' name='step' type='radio'>
...