创建动态表单

Question

我需要创建一个有2个(是/否)选项的表单，如果用户单击其中一个选项，那么他应该会得到一个折叠的子表单，其中包含关于该特定选择的更多细节。如果他选择了其他选项，那么他应该会得到另一个包含相关信息的折叠的子表单。我知道我们必须使用JavaScript或Jquery(以获得折叠效果)，但我对这两种语言都不熟悉。对于初学者来说，任何简单的教程或信息都是非常感谢的。

PS:我已经看到了很多关于这个要求的问题，但事实是我是一个初学者，很难理解它们。

谢谢,

Answer 1

基本上，您需要将两个不同的子表单包装在div中，然后使用jQuery .show()和.hide()函数在单击正确的单选按钮时显示和隐藏它们。

这是一个关于显示和隐藏的有用教程：http://papermashup.com/simple-jquery-showhide-div/

编辑:为用户提供更具体的答案..

$(document).ready(function(){
   $("#check-box").click( function(){
     if( $(this).is(':checked')) {
         $('#div1').show();
     } else {
        $('#div1').hide();
     }
  });

})；

Answer 2

您必须呈现整个表单并隐藏所有子表单，每个子表单都有不同的ID。根据按下的按钮/选项，您可以使用如下代码在相应的div上调用$.show()：

$("#choice1_subform").click(function(){
    $("#div1").show();
});