Javascript 创建动态表单

我需要创建一个有2个（是/否）选项的表单，如果用户单击其中一个选项，那么他将得到一个正在折叠的子表单，其中包含有关该特定选择的更多详细信息。如果他选择了其他选项，那么他应该会得到另一个包含相关信息的正在折叠的子窗体。我知道我们必须使用JavaScript或Jquery（以获得崩溃效果），但我对两者都不熟悉。非常感谢为初学者提供的任何简单教程或信息

PS：我见过很多关于这个要求的问题，但事实上我是一个初学者，很难理解它们

---

谢谢，

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

以下是有关显示和隐藏的有用教程：

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

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

---

}))

基本上，您需要将两个不同的子窗体包装在div中，然后在单击右单选按钮时使用jQuery.show（）和.hide（）函数来显示和隐藏它们

以下是有关显示和隐藏的有用教程：

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

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

---

}))

您必须呈现整个表单并隐藏所有子表单，每个子表单具有不同的ID。根据按下的按钮/选项，您可以在相应的

div

上调用

$.show（）

，代码如下：

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

---

您必须呈现整个表单并隐藏所有子表单，每个子表单具有不同的ID。根据按下的按钮/选项，您可以在相应的

div

上调用

$.show（）

，代码如下：

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

---

---

谢谢，我不应该麻烦使用hide（）函数吗？就像Jesse Pollak在下面描述的那样？是的。如果单击另一个选项，它应该

hide（）

上一个子窗体并显示另一个子窗体。我在firebug中得到一个错误，它说，$未在

$（“#元素_4_1”）行中定义。单击（函数（）{

你能告诉我哪里出错了吗？你可能没有在

标记中加载jQuery。你好，Karlisson，如果用户选择1个单选按钮，我想显示div。但是方法

不起作用。单击
支持检查或单选按钮？或者还有一些其他材料，如
if value=“1”然后显示（）
类似的东西…谢谢，我不应该麻烦使用hide（）函数吗？就像Jesse Pollak在下面描述的那样？是的。如果单击另一个选项，它应该
hide（）
上一个子表单并显示另一个子表单。我在firebug中收到一个错误，说，$未在
$（“#element_4_1”）行中定义。单击（function（））{
你能告诉我哪里出错了吗？你可能没有在
标记中加载jQuery。你好，Karlisson，如果用户选择1个单选按钮，我想显示div。但是方法
不起作用。单击
支持检查或单选按钮？或者还有一些其他材料，如
if value=“1”然后显示（）
类似的内容…谢谢！这真的很有用没问题！如果您认为答案是正确的，我将一直感谢您将其标记为回答您的问题，但不管怎样，很高兴我能提供帮助！嘿，Jesse，如果用户选择1个单选按钮，我想显示div。但该方法不起作用。
。单击
支持检查或单选按钮ttons？或者还有一些其他材料，如
if value=“1”then show（）
类似的内容……您的链接很有用，但我找不到复选框或单选按钮的方法。您能帮我吗？这对复选框应该有效（并且应该很容易适用于单选框）。非常感谢。顺便问一句，你推荐什么书来学习jqeury。谢谢！它真的很有帮助。没问题！如果你认为它能回答你的问题，我将一直感谢你将它标记为回答你的问题，但不管怎样，我很高兴我能帮上忙！嘿，Jesse，如果用户选择了一个单选按钮，我想显示div。但是它不起作用的是方法
.click
支持复选框或单选按钮？或者还有一些其他材料，如
if value=“1”then show（）
类似的内容……您的链接很有用，但我找不到复选框或单选按钮的方法。您能帮我吗？这应该适用于复选框（并且应该很容易适用于单选框）.非常感谢。顺便问一下，你推荐什么书来学习jqeury。