Я хотел бы создать форму, которая начинается с флажка, который расширяет остальную часть формы. Я сделал это с помощью форм Alpaca, определив зависимости, и вы можете видеть, что здесь .
Я использовал код здесь , чтобы добавить стилизацию, чтобы превратить флажок в тумблер. Я скопировал сгенерированный html в новую корзину и применил классы здесь . Требуется добавить класс «switch» к элементу метки, окружающему вход, и добавить диапазон класса «slider round» внутри метки под элементом ввода.
Но я не уверен, как это сделать автоматически. У Alpaca есть опция «fieldClass», но она не работает в моем примере, и я не думаю, что она все равно будет соответствовать моим потребностям.
Так что мне нужно использовать jquery, чтобы найти эти внутренние элементы и изменить / вставить? Я немного поиграл с этим, но, похоже, не могу сконструировать свои утверждения для поиска.
Я могу выбрать форму div:
$( document ).ready(function() {
$("#form1").addClass("switch")
})
Но я не уверен, как спуститься до конца до элемента label.