选择添加按钮时需要显示额外的文本输入，还需要删除字段

Question

我有一个表单，要求用户输入他们项目的结果。

要求他们至少输入一个结果，每个结果至少需要2个与之相关的措施。

因此，我需要能够向用户显示初始结果字段，其中包含两个与之相关的度量字段，并能够为其相关结果添加更多度量。

如果用户有两个结果，我会勾勒出它的样子。

虚线是每个按钮的动作。

我想使用jQuery实现这一点，但我从未做过任何事情，只是根据用户点击的内容显示/隐藏字段。

感谢任何帮助。

总结一下，他们需要提供一个结果，每个结果至少有两个措施。

编辑：开始在此处进行校对：http://jsfiddle.net/bkmorse/FW6s8/4/ - 但添加测量按钮无法正常工作。

Answer 1

这是我放在一起的东西：

http://jsfiddle.net/jtbowden/XFsyh/

最棘手的部分，大多数代码都处理表单输入名称。

代码的主要部分取决于添加元素时克隆的非显示模板。这样可以更轻松地创建新元素，因为您只需修改模板。

更新：这是一个允许您删除第一个结果/措施的版本，只要其他人存在，另外我清理了一些其他的东西（错误）：

http://jsfiddle.net/jtbowden/XFsyh/4/

请注意使用.live() 。示例中的按钮不起作用，因为您在这些按钮存在之前分配处理程序一次。 .live()将处理程序分配给DOM的根，以便稍后添加的任何元素也将具有正确的处理程序。

根据您的要求，以下是修补程序的原始版本：

http://jsfiddle.net/jtbowden/JTUkE/

如果你想要它动画：

http://jsfiddle.net/jtbowden/brBSa/