Добрый день!
Помогите, пожалуйста, решить проблему.
Есть 2 формы с радио-кнопками.
Выбор способов доставки:
- По СПб (#sposob-polucheniya-1)
- По России (#sposob-polucheniya-2)
И выбор способов оплаты:
- Наличными (#payment-method-1)
- Картой курьеру (#payment-method-2)
- Картой онлайн (#payment-method-3)
- Через банк (#payment-method-4)
По умолчанию выбран первый 1-й (Наличными)
Для СПб доступны все способы оплаты.
Для России доступны только 3-й (Картой онлайн) и 4-й (Через банк) способы оплаты.
Как это реализовать?
Пока что я лишь смог при выборе доставки по России скрыть при помощи display none первые 2 пункта оплаты и выбрать оплату 3-м способом при помощи .checked=true.
А проблема тут в том, что 4-й способ оплаты тоже возможен, но его выбрать скрипт уже не даёт, переключает сразу на 3-й способ.
Пишу так:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript">
$(".form-radio").change(function() {
if ($("#sposob-polucheniya-2").is(":checked")) {
$('#payment-method-1').hide();
$('#payment-method-2').hide();
document.getElementById("payment-method-3").checked=true;
}
});
</script>
Как то это можно решить?