Javascript 需要根据选中的复选框显示表单

我需要这样的东西：

我有几个表格，（比如说表格一、表格二、表格三等等）

应根据用户选择的选项选择相应的表格

假设我有一些复选框（命名为form1、form2、form3等）

无论选中哪个复选框，都应在另一个复选框的下方动态选择相应的表单

---

如何实现这一点？

编写Javascript或jQuery代码，并从复选框中侦听click事件

根据选中的复选框显示相应的表单。 下面的示例可以帮助

 <input type="checkbox" value="form1" onclick="document.getElementById('form1-container').style.display='block'; return false;">Form 1</input>

<div id="form1-container" style="display:none"><form></form></div>

表格1

如果您想在JQuery中找到解决方案，请执行以下操作：

$(".formGroup").hide();
$('#chooseForm input:checkbox').on('change', function() {
    if($(this).is(':checked')) {
        $("#" + $(this).val()).show();
    }
    else {
        $("#" + $(this).val()).hide();
    }   
});

​ 一个完整的例子：

---

希望有帮助

哇，非常感谢穆拉里！但是有一件事：如果我取消选中它，表单应该关闭。。那么这是如何实现的呢。。？对不起，我真的不是一个好的编码员。。还有一件事：为什么我在检查时看不到记号？嘿，非常感谢！这才是我真正需要的！但是有两个问题：a）我无法从JSFIDLE复制代码b）如何运行这个jquery？还有什么需要补充的吗？请建议我..a）你不能从JSFIDLE复制是什么意思？您不能选择代码并复制它吗？b） 要运行这个JQuery，您需要将它放入其中，并将其放入您想要的表单页面中。您还需要参考JQuery：将其添加到我在fiddle中介绍的代码之前。我不能再给你建议你应该在你的页面上有什么，而不知道你想要实现什么。