添加和删除输入字段 [关闭]答案

【问题标题】：Adding and removing input fields [closed]添加和删除输入字段 [关闭]
【发布时间】：2023-03-22 08:55:02
【问题描述】：

当用户单击 addAgent 按钮时，我需要添加 4 个输入字段。我还允许用户从其中一个中删除。如果用户添加 4 个输入字段，我想禁用添加按钮。如果用户删除了这 4 个输入字段之一，则启用添加按钮以添加一个或两个添加，具体取决于用户删除或添加了多少输入。但最多只有四个。我想用 jQuery 来做这件事，我能得到任何帮助或样本吗？谢谢！

【问题讨论】：

尝试研究问题并首先尝试。如果您此时遇到问题，您将能够提供您的代码和一些真实的上下文。
我尝试了很多示例，但最终喜欢下面的示例。唯一的问题是，我不能只跟踪 4 次。 papermashup.com/…
在下方查看我的jsfiddle！

标签： jquery field add

【解决方案1】：

这是工作的 jsfiddle [DEMO]

 <div id="add">Add</div>
    <div id="container"></div>

$('#add').bind('click', function() {
    if($('#container').find('input').length < 4) {
        $('#container').append('<div><input type="text"><span class="remove">remove</span></div>');
    }
})

$('body').on('click', '.remove', function() {
    if($('#container').find('input').length > 0) {
        $(this).parent().remove();
    }
})

【讨论】：

这正是我想要的。谢谢。
接受答案！ :-)
我点击了勾号。我还需要做什么吗？
就是这样。如果你想投票，那么你可以点击向上图标。
如果我有其他输入文件，因为它正在定义“输入”.?if($('#container').find('input').length > 0)

【解决方案2】：

也许这就是您要找的东西？您可以像这样创建四个输入：

 <div class='control'>
        <input type='text' value='' />
        <a href='#' class='remove'>Remove</a>
    </div>
    <div class='control'>
        <input type='text' value='' />
        <a href='#' class='remove'>Remove</a>
    </div>
    <div class='control'>
        <input type='text' value='' />
        <a href='#' class='remove'>Remove</a>
    </div><div class='control'>
        <input type='text' value='' />
        <a href='#' class='remove'>Remove</a>
    </div>

然后您可以编写 jquery 来隐藏它们并在单击按钮时显示它们。

像这样： http://jsfiddle.net/kSH7M/1

【讨论】：

太棒了！！！！非常感谢你。无论如何我不能为每次单击按钮添加一个输入而不是一次添加 4 个？
我已收到 Deepa 的答复，我已接受。不过非常感谢您的帮助！