如何合并输入框Javascript的值

时间:2014-02-10 13:29:37

标签: javascript jquery html html5

我有5个输入框,每个输入框都有不同的值..如何合并输入框的值并进行比较,然后提醒或做某事......

示例:

<form>
            <input id="input1" type="text">
            <input id ="input2" type = "text"/>
            <input id ="input3" type = "text"/>
            <input id = "input4" type = "text"/>
            <input id = "input5" type = "text"/>
</form>

    var input1 = document.getElementById('input1').value;
    var input2 = document.getElementById('input2').value;
    var input3 = document.getElementById('input3').value;
    var input4 = document.getElementById('input4').value;
    var input5 = document.getElementById('input5').value;
    var wordsConcat = input1.concat(input2,input3,input4,input5);
合并后的

//将单词比作SAMPLE;

5 个答案:

答案 0 :(得分:5)

你已经标记了jQuery,所以我假设你可以使用它。

您可以将每个输入映射到一个值,然后使用空字符串join()将它们放在一起:

var vals = $('input').map(function(){
    return this.value;
}).get().join('');

JSFiddle

答案 1 :(得分:1)

您可以使用jQuery

中的 each() 方法执行此操作
var a='';
$('input[type=text]').each(function(){
   a+=this.value;
});
if (a === "SAMPLE") {
     //do something
}

Fiddle Demo

答案 2 :(得分:0)

var sample = 'your word';
if(wordsConcat === sample){
   alert('a');
}

答案 3 :(得分:0)

你可以试试这个。

var inputs = document.getElementsByTagName("input"),
    inputValue = "";
    for (var index=0; index < inputs.length; index ++ ) {
        inputValue += inputs[index].value;
    }
    if (inputValue === "SAMPLE") {
         //do something
    }

答案 4 :(得分:0)

var result = $('input[type="text"]').map(function(i, e){
    return e.value;
}).get();

//do compare stuff on result