jquery实现input元素组添加和删除

作者：System 时间：2024年08月23日分类：所有,jquery 字数：765

这篇文章距离上次修改已过225天，其中的内容可能已经有所变动。

使用jQuery可以很容易地实现input元素的添加和删除。以下是一个简单的例子：

HTML部分：

<div id="input-container">
    <!-- 这里将动态添加input元素 -->
</div>
<button id="add-input">添加Input</button>
<button id="remove-input">删除Input</button>

jQuery部分：

$(document).ready(function() {
    var count = 1; // 用于追踪input的数量

    // 添加input元素
    $('#add-input').click(function() {
        count++;
        $('#input-container').append('<input type="text" id="input' + count + '" name="input' + count + '" />');
    });

    // 删除input元素
    $('#remove-input').click(function() {
        if (count > 0) {
            $('#input' + count).remove();
            count--;
        }
    });
});

这段代码中，我们有一个div元素作为容器，两个按钮用于添加和删除input元素。通过id追踪input元素的数量，并相应地添加或删除元素。

jquery实现input元素组添加和删除

评论已关闭

推荐阅读