2015-03-30 79 views
0

下午好,我试图让所有的孩子的价值的父div .clonedInput.send按钮点击。另外,我希望输出的格式如下图所示,请将其放置在临时变量alert();中,以确认功能代码。获取div的孩子值

//例:

//股利:1 textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4 //

//新线//

// 2区:textboxvalue1 textboxvalue2 textboxvalue3 textboxvalue4 //

现场演示:https://jsfiddle.net/5xu5myvq/

再次感谢:)

+0

您的目标是动态添加更多输入框行吗? – Revent 2015-03-30 20:11:37

+0

否收集所有的文本字段值 – ShadowLine 2015-03-30 20:17:24

+0

我收到js错误消息使用jquery 1.8,但不是1.9,你是绑在1.8? – Revent 2015-03-30 20:35:42

回答

0

你可以得到各个领域的使用jQuery的.each()方法值:

("button.send").on("click", function() { 
    var total = 0; 
    $('.quantity').each(function(){ 
     total += parseInt($(this).val()); 
    }); 
}); 

这里是你更新的提琴:https://jsfiddle.net/5xu5myvq/2/

如果你想在你在你的问题想的格式显示,这里是演示也是这样的:https://jsfiddle.net/5xu5myvq/4/

+0

感谢数量运作良好,但我怎样才能获得所有的文本框的值.clonedInput div? – ShadowLine 2015-03-30 20:46:41

+0

我添加到答案的末尾,这是在这个链接下:https://jsfiddle.net/5xu5myvq/4/ – 2015-03-30 20:47:46

+0

谢谢,任何方式来使数量:价值宽度:价值高度:价值特别说明值? – ShadowLine 2015-03-30 20:51:24

0

这将完成你想要的。调整id#clonedInput1为一个类或任何你需要的。

$(document).ready(function() { 
    $(".send").on("click", function(){ 
     var txtValues = 'Div1:'; 
    // Get all inputs values on send button click and separate on a new line// 
     $("#clonedInput1 input").each(function(){ 
      txtValues += ' '+$(this).val(); 
     }); 

    //output// 
     alert(txtValues); 
    }); 
});