jQuery：如何比较多个输入

Question

如何比较多个输入相同的形式，如果他们都具有相同的值？我需要检查它们是否都具有相同的价值。

<input type="text" class="inputclass"/> 
<input type="text" class="inputclass"/> 
<input type="text" class="inputclass"/> 
<input type="text" class="inputclass"/> 
<input type="text" class="inputclass"/> 
.... 

Answer 1

试试这个：

var arr = $("input.inputclass").map(function(){ 
    return $(this).val(); 
}).toArray(); 

var allHaveSameValue = $.unique(arr).length == 1; 

这里是jsfiddle.net http://jsfiddle.net/epignosisx/jzWUA/4/

UPDATE ======

由于@Anurag指出，$ .unique是仅适用于DOM元素。这里有一个不同的实现：

function uniqueArray(arr){ 
    return $.grep(arr,function(v,k){ 
     return $.inArray(v,arr) === k; 
    }); 
} 

var arr = $(".inputclass").map(function(){ 
    return $(this).val(); 
}).toArray(); 
var allHaveSameValue = uniqueArray(arr).length == 1; 

基本上使用一个真正返回唯一数组的函数。

Answer 2

function hasSameValue() { 
    var sameValue = true, formVal = $('.inputclass').first().val(); 
    $('.inputclass').each(function(){ 
    sameValue = sameValue && (formVal === $(this).val()); 
    if (!sameValue) { return false; } 
    }); 
    return sameValue; 
} 

Answer 3

var allHaveSameValue = $(".inputclass").toArray().every(function(input, index, inputs){ 
return input.value === inputs[0].value; 
}); 

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/every

http://jsfiddle.net/zTSag/1/

Answer 4

这应该做的伎俩http://jsfiddle.net/EpYTh/

var firstInput = $(".inputclass").eq(0).val(); 
var equalField = true; 
$(".inputclass").each(function(){ 

    if($(this).val() != firstInput){ 
     equalField = false; 
    } 
}); 


alert(equalField);