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);