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/

更新===== =

正如@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

这应该可以解决问题 http://jsfiddle.net/EpYTh/

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

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


alert(equalField);

Answer 3

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

Answer 4

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/