javascript - JS 将多个文本框输入的文本串在一起

Question

这是一个 js fiddle 示例:

http://jsfiddle.net/YD6PL/80/

HTML:

<input type="text">
<input type="text">
<input type="text">
<input type="text">
<div>
<button class="buttons">d</button>
<button class="buttons">o</button>
<button class="buttons">g</button>
<button class="buttons">s</button>
</div>
<button id="next">Next</button>

JS:

$(document).ready(function () {

    $('input').click(function(){
        $(this).addClass('active').siblings('.active').removeClass('active')
    });

    $(".buttons").click(function () {
        var cntrl = $(this).html();
        $('input.active').val(cntrl);

    });

      $( "#next" ).click( function() {
       alert("When user clicks next button I would like the input from all 4 textboxes strung together into a word and alerted---like 'dogs' in this example");  
      });
});

如何将每个文本框中的字符“串”在一起以提醒单词“dogs”，例如在此示例中？

Answer 1

在#next点击中，您可以放入一个foreach按钮来捕获所有输入字段。

$( "#next" ).click( function() {
    var completeString = "";

    $('input').each(function(){
        completeString += $(this).val();
    });

    alert(completeString);  
});