Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery添加输入字段并计算它们_Javascript_Jquery_Forms - Fatal编程技术网

Javascript JQuery添加输入字段并计算它们

Javascript JQuery添加输入字段并计算它们,javascript,jquery,forms,Javascript,Jquery,Forms,我正在寻找一个动态创建输入字段的JQuery代码。。我找到了这个代码,这正是我想要的 $(function() { var input = $('<input type="text" />'); var newFields = $(''); $('#qty').bind('blur keyup change', function() { var n = this.value || 0; if (n + 1) {

我正在寻找一个动态创建输入字段的JQuery代码。。我找到了这个代码,这正是我想要的

$(function() {
    var input = $('<input type="text" />');
    var newFields = $('');
    $('#qty').bind('blur keyup change', function() {
        var n = this.value || 0;
        if (n + 1) {
            if (n > newFields.length) {
                addFields(n);
            } else {
                removeFields(n);
            }
        }
    });

    function addFields(n) {
        for (i = newFields.length; i < n; i++) {
            var newInput = input.clone();
            newFields = newFields.add(newInput);
            newInput.appendTo('#newFields');
        }
    }

    function removeFields(n) {
        var removeField = newFields.slice(n).remove();
        newFields = newFields.not(removeField);
    }
});
$(函数(){
变量输入=$('');
var newFields=$('');
$('#qty').bind('blur keyup change',function(){
var n=this.value | | 0;
如果(n+1){
如果(n>newFields.length){
addFields(n);
}否则{
移除字段(n);
}
}
});
函数addFields(n){
对于(i=newFields.length;i

但我想计算字段,如下所示:

  • #1字段
  • #2场
  • #3场
我已经尽了最大的努力,我真的找了很长时间,但我没有找到任何对我有帮助的东西。我希望有人能在这里帮助我。

试试这个:

function addFields(n) {
        for (i = newFields.length; i < n; i++) {
            var newInput = $("<div>#"+(i+1)+"</div>").append(input.clone());
            newFields = newFields.add(newInput);
            newInput.appendTo('#newFields');
        }
    }
函数addFields(n){
对于(i=newFields.length;i