你如何建议我根据选择的选项显示不同的表格？

Question

这是一个想法，有人点击了一个选项，我必须向用户显示一些内容。

如果他选择第一个选项“存款”，我必须向他出示一份表格。

如果他选择第二个选项，我必须显示我的支付网关给我的iFrame。

我不想重新加载整个页面。此更改必须内联，不会中断。

我是否使用jQuery和AJAX来获取相应的HTML并用jQuery提供的.html()函数替换当前的html？

或者我输出两种形式，并使用CSS显示其中一种？

你的专业人士建议什么？

Answer 1

这取决于您要优化的内容：

• 初始页面加载速度（→使用ajax加载所需的HTML）或
• 用户选择付款方式后的响应能力（→使用CSS显示/隐藏）

Answer 2

最简单的方法是使用jQuery。 也许这样的事情。 假设您的2个radioboxes的ID是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。