Как сделать все инпуты активными после заполнения одного поля?

Question

[Pavlo Marchenko]

Всем привет!
в общем вот что я хочу сделать joxi.net/LmG4dM3TV50d2l , раньше с этим не сталкивался, и не знаю как это реализовать, в гугле нашел примеры только с текстовыми полями, а у меня select, подскажите как сделать, чтобы все остальные поля стали активными, после выбора времени в select?

Comments

[Михаил Р.]

js: если содержимое поля времени select НЕ пусто > удалить класс disable у остальных полей формы, в ином случае присвоить класс disable остальным полям.

[Pavlo Marchenko]

Mike Ro: не подскажешь как будет выглядеть js код? просто я сам js писать не умею, только в готовом коде могу что-то менять.

[Михаил Р.]

Pavel Marchenko: ThunderCat уже написал

[dummyman]

Смотрите, в CSS

form {
...
}
form input {
   pointer-events:none;
   background: #777;
   tab-index:-1;
}
form.selected input {
   pointer-events: auto;
   background: #fff;
   tab-index: auto;
}

После выбора на нужном поле, устанавливаете на форму класс selected

form.classList.add('selected');
// или
form.classList.toggle('selected');

И все inputы заработают

Answer 1

[ThunderCat]

На вскидку, могут быть ошибки!

$(".notempty").on("change", function(){
          $("input").each().disabled = false;
})

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

Comments

[Dark Hole]

Ошибочка. А вот рабочий вариант - https://jsfiddle.net/dda6z3qo/

[ThunderCat]

Dark Hole: да, "поспешил" с обращением без this )

[Pavlo Marchenko]

спасибо огромное :)