Как вы предлагаете мне отображать другую форму в зависимости от того, какой вариант выбран?

Question

Вот идея, кто-то нажимает на опцию, и я должен что-то отобразить пользователю.

Если он выберет первый вариант «Депозит», я должен показать ему форму.

Если он выберет второй вариант, я должен показать iFrame, который мне дал мой платежный шлюз.

Я не хочу перезагружать всю страницу. Это изменение должно происходить в строке, без прерывания.

Использую ли я jQuery и AJAX для извлечения соответствующего HTML и замены текущего html на функцию .html(), которую предлагает jQuery?

Или вывести обе формы и использовать CSS для отображения одной или другой?

Что вы, профессионалы, предлагаете?

Answer 1

Это зависит от того, для чего вы хотите оптимизировать:

• Начальная скорость загрузки страницы (& rarr; используйте ajax для загрузки необходимого HTML) или
• Отзывчивость после выбора пользователем способа оплаты (& rarr; показать / скрыть с помощью CSS)

Answer 2

Самое простое - использовать jQuery. Может быть как то так Допустим, идентификатор для ваших 2-х радиобоксов radiobox1 и radiobox2

$(document).ready(function(){//The DOM
$("#radiobox1").change(function(){
   var $this = $(this);
   if($this.is(':checked'))
   {
      //The code for displaying your form
   }
});
});

---

Правка из-за недоразумения.

Самый простой способ (как мне кажется) - написать формы в HTML, а затем скрыть их с помощью CSS, а затем сделать их видимыми или нет с помощью jQuery, или, возможно, с помощью $.ajax - загрузить формы с помощью ajax-mode .