@RoadMoscow

Как показать/скрыть input по клику?

Здравствуйте. Подскажите пожалуйста как по клику на label показать блок?

Нужно чтобы по клику на label for="legal-2" появлялся блок id="file", а по клику на label for="legal-1" снова скрывался

<div class="order__form-contacts">
						<div class="order__form-label">
							<div class="order-radio">
								<label for="legal-1">
									<input type="radio" name="legal-status" value="1" id="legal-1" checked>
									<span>Физическое лицо</span>
								</label>
							</div>
							<div class="order-radio">
								<label for="legal-2">
									<input type="radio" name="legal-status" value="2" id="legal-2">
									<span>Юридическое лицо</span>
								</label>
							</div>
						</div>
						<div class="order__form-file" id="file" style="display: none;">
							<label class="order__form-file--file">
								Прикрепить файл с реквизитами
								<input type="file" multiple>
							</label>
						</div>
					</div>


Мои костыли:
$("input[name='legal-status']").click(function () {
		$('#file').css('display', ($(this).val() === '2') ? 'block':'none');
	});
  • Вопрос задан
  • 694 просмотра
Пригласить эксперта
Ответы на вопрос 1
@RoadMoscow Автор вопроса
В общем проблема не в скрипте или моих руках, а сам движок, нужно переписывать скрипт.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
26 нояб. 2024, в 21:30
30000 руб./за проект
26 нояб. 2024, в 20:38
120000 руб./за проект
26 нояб. 2024, в 20:08
1000 руб./за проект