使用jQuery比较多个输入字段具有相同的类名称但ID不相同

我想让jquery/javascript函数将多个值相互比较，如果其中一个出现不同，那么echo“Values is different”领域目前在html身体。使用jQuery比较多个输入字段具有相同的类名称但ID不相同

<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">

注：我用一个按钮与jQuery功能在印刷机上增加新的领域，使用appendTo增加更多的领域。有时我有更多或更少的字段，jquery函数必须是动态的，才能应用于输入字段集的数量。

来源

2014-01-24 Abdullah Khan

等都不是来请求人们为您编写代码。 – RichieAHB

和你的意思不同。 –

我希望你知道如何使用jQuery选择和循环元素？你的问题与jQuery，用户界面和商业逻辑混合在一起，使你很难回答/帮助你。 – Techek

尝试每个（）函数

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

Link for references

来源

2014-01-24 10:08:46

@安顿谢谢你的建议 –

你可以用两种每个功能下面Jquery帮助完成这项工作，

获取共同的选择对所有的输入标签说.flags，然后创建一个循环，以获得所有的对象

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

现在，夫妻俩双双在一个自定义的方法，上述方法并绑定click事件按钮像

$("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

来源

2014-01-24 10:33:25

让我试试这个 –

使用jQuery比较多个输入字段具有相同的类名称但ID不相同

回答

相关问题