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

注意：我使用带有jquery功能的按钮在按下时添加新字段，使用appendTo添加更多字段。有时我有更多或更少的字段，jquery函数必须是动态的，以应用于设置的输入字段数。

Answer 1

尝试每个（）函数

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

Link for references

Answer 2

您可以在Jquery下面的两个函数的帮助下完成这项工作，

获取所有输入标签的公共选择器.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");
    }
});

现在将上述两种方法结合在一个自定义方法中并绑定一个按钮的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

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

2 个答案: