jQuery를 사용하여 동일한 클래스 이름을 갖고 있지만 같은 id가 아닌 여러 입력 필드를 비교했습니다.

Question

여러 값을 서로 비교 한 다음 서로 다른 값을 비교하는 jquery/javascript 함수를 만들고 싶습니다. html 본문에있는 필드.

<input name="flag2" type="text" id="flag2" class="flags"> 

<input name="flag3" type="text" id="flag3" class="flags"> 

<input name="flag4" type="text" id="flag4" class="flags"> 

<input name="flag5" type="text" id="flag5" class="flags"> 

<input name="flag6" type="text" id="flag6" class="flags"> 

참고 : 나는 더 많은 필드를 추가 할 appendTo를 사용하는 키를 누릅니다에 새로운 필드를 추가 JQuery와 기능 버튼을 사용합니다. 때로는 더 많거나 적은 필드가 있고, jquery 함수는 동적으로 설정되어 입력 필드 수에 적용해야합니다.

Answer 1

모든 입력 태그 공통 선택기를 얻을, 당신은 아래 Jquery 두 각 기능의 도움으로 작업을 수행 할 수

$(".flags").each(function(){ 
alert(this.value); 
}); 

Link for references

Answer 2

각() 함수를 사용해보십시오 .flags라고 말한 다음 루프를 만들어 DOM 개체를 모두 얻으십시오.

var temp; var start=0; var boolN=true; 
$("input.flags").each(function(index) { 

    if (start==0) { 
     temp = $(this).text(); 
    } else if (temp = $(this).text()) { 
     temp = $(this).text(); 
    } else { 
     boolN = false; 
    } 
}); 

메시지를 표시하려면 스팬 또는 사용자 정의 태그를 반복하십시오. 여기 span 태그를 사용했다

$("span").each(function(index) { 
    if (boolN) { 
     $(this).html("Values are Simillar"); 
    } else { 
     $(this).html("Values are Different"); 
    } 
}); 

이제 부부 모두 사용자 정의 방법 위의 방법과

$("button").click(function() { 

    var temp; var start=0; var boolN=true; 
    $("input.flags").each(function(index) { 

     if (start==0) { 
      temp = $(this).text(); 
     } else if (temp = $(this).text()) { 
      temp = $(this).text(); 
     } else { 
      boolN = false; 
     } 
    }); 
$("span").each(function(index) { 
     if (boolN) { 
      $(this).html("Values are Simillar"); 
     } else { 
      $(this).html("Values are Different"); 
     } 
    }); 

}); 

Working Example at JS Fiddle