2015-03-30 139 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); 
    }); 
});