Добавление атрибута для ввода дочерних элементов скрытых элементов с jquery?

Question

Я пытаюсь что-то сделать с JQuery, и я не могу заставить его работать. Многое связано с тем, что я не парень JQuery, поэтому я уверен, что все это неправильно.

У меня очень большая форма с некоторыми условными обозначениями, где определенные части формы не отображаются, в зависимости от того, какое значение переключателя выбрано. Так что я сделал, когда выбрано определенное значение, оно добавит или удалит класс «hide-me» в элемент div, поэтому все поля формы внутри не отображаются. Проблема в том, что если у меня есть какие-то требования, форма не будет отправлена, и вы не сможете заполнить поле, которое не видно. Так что я хочу сделать, когда форма отправлена, она должна сначала захватить все дочерние элементы ввода в любом div с классом hide-me и установить атрибут disabled.

Как это сделать?

Вот несколько примеров кода: http://codepen.io/amarit84/pen/KMgKRd

$('#test_form_id').submit(function() { 
    $('.hide-me').children(":input").prop("disabled", true); 
}); 

Answer 1

Просто положите его за пределы submit(), ваш пример не работает, поэтому я добавил jquery в свой код.

$('.hide-me').children(":input").prop("disabled", true); 
$('#test_form_id').submit(function() { 

}); 

Он всегда будет вызывать, чтобы заполнить форму скрытой потому Jquery код, чтобы отключить скрытый вход в вашем подать(), проверка HTML5 является остановить вас от запуска представить то почему ваш код, чтобы отключить скрытые входы обыкновения выполнять , codepen sample updated

Answer 2

Попробуйте это:

$('.hide-me').children("input").attr("disabled", true); 

Но, так как вы делаете это onsubmit, я не понимаю, вы пытаетесь сделать это. Перегрузка страницы в любом случае ...

Here's a Fiddle с «измененным» кодом.