@vladimirr89

Как подкорректировать скрипт открытия/раскрытия поля по radiobutton?

Есть вот такой переделанный код, который не работает.

$('input:radio[name=subscribe_id]').on(click, function() {
		var id = parseInt($(this).val());

		if(id == 5){
			$('.learning.scrollForm .pay').slideUp();
			$('.learning.scrollForm input[name=promoCode]').parent().hide();
			$('.learning.scrollForm h4').hide();

			$('.learning.scrollForm input[type=submit]').val('Попробовать');
		} else {
			$('.learning.scrollForm .pay').slideDown();
			$('.learning.scrollForm input[name=promoCode]').parent().show();
			$('.learning.scrollForm h4').show();

			$('.learning.scrollForm input[type=submit]').val('Оплатить');
		}
	});


Применяется он к данной форме:
<form action="{{route('forms.subscribe') }}" method="POST" class="submitFormHandler">
					{{ csrf_field() }}
						<div class="chose-subscribe chose-subscribe__hidden tooltipWrap">
							<span class="chose-subscribe_btn">Выберите тип подписки</span>
							<div class="chose-subscribe-list">
								<label class="radio">
								  <input type="radio" name="subscribe_id" value="5">
								  <div class="chose-subscribe-list_item">Демо</div>
								</label>
								<label class="radio">
								  <input type="radio" name="subscribe_id" value="6">
								  <div class="chose-subscribe-list_item">Доступ на 1 месяц/div>
								</label>
								<label class="radio">
								  <input type="radio" name="subscribe_id" value="7">
								  <div class="chose-subscribe-list_item">Доступ на 3 месяца</div>
								</label>
								<label class="radio">
								  <input type="radio" name="subscribe_id" value="8">
								  <div class="chose-subscribe-list_item">Доступ на 1 год</div>
								</label>
								<div class="tooltip"></div>
							</div>
						</div>	
						<div class="tooltipWrap">
						<input type="text" name="name" value="{{$user ? $user->name : null}}" class="obligatory-fild" placeholder="Ваше имя *">
						<div class="tooltip"></div>
						</div>
						<div class="tooltipWrap">
						<input type="text" name="phone" value="{{$user ? $user->phone : null}}" class="obligatory-fild valAsPhone" placeholder="Телефон *">
						<div class="tooltip"></div>
						</div>
						<div class="tooltipWrap">
						<input type="text" name="email" value="{{$user ? $user->email : null}}" class="obligatory-fild" placeholder="Электронная почта *">
						<div class="tooltip"></div>
						</div>
						<div class="tooltipWrap">
						<input type="text" name="promoCode" value="{{null}}" class="obligatory-fild" placeholder="Промокод">
						<div class="tooltip"></div>
						</div>
						<div class="pay">
							<label class="payment-option">Заказать счет
								<input name="paymentType" value="1" id="pay-type-1" type="radio" checked="checked">
								<span class="checkmark"></span>
							</label>
							<label class="payment-option">Оплатить онлайн <i class="fab fa-cc-mastercard"></i> <i class="fab fa-cc-visa"></i>
								<input name="paymentType" value="2" id="pay-type-2" type="radio">
								<span class="checkmark"></span>
							</label>
						</div>
						<button type="submit" class="callback-btn">Отправить</button>
					</form>


Как сделать чтобы при выборе радио-кнопки с value=5, div pay скрывался (slideUp), а при выборе других раскрывался (slideDown)?
  • Вопрос задан
  • 26 просмотров
Решения вопроса 1
freislot
@freislot
Frontend-разработчик
$('input:radio[name=subscribe_id]').on(click, function() {

меняете на
$('.submitFormHandler').on('change', 'input[name=subscribe_id]', function() {
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы