Question

我做了一个小输入循环，你可以输入一个单词，当它输出正确的值时，将显示一个检查。当我尝试添加更多值时出错了。我以不同的方式添加了更多的值，但它没有用。每次我输入一个新值时，输入将显示任何类型的单词或字母的检查。或者它根本不显示任何东西。这就是它的样子：http://prntscr.com/aux1d0。以下是带有值的代码：

function check(id,value) { 
    if(value == "test") {
        id2=id.split("_");
        idcheck='check'+id2[1];
        idcross='cross'+id2[1];
        $("#"+idcheck).css("display","inline");
        $("#"+idcross).css("display","none"); 
    }
}

这是输入循环的代码：

$(document).ready(function() {
   var loopNoob = document.getElementById('1'); 
   var str = ''; 
   for (var i = 1; i <= 10; i++) { 
      str += '<form class="form-inline">\
      <div class="form-group">\
        <label class="sr-only" for="exampleInputAmount">Loopnoob</label>\
        <div class="input-group">\
          <div class="input-group-addon">'+i+'</div>\
          <input type="text" class="form-control" id="focusedInput_'+i+'" onInput="check(this.id,this.value)">\
        </div>\
      </div>\
      <i style="display:none; color:red; font-size: 30px" class="display fa fa-times" id="cross'+i+'" aria-hidden="true"></i>\
      <i style="display:none; color:green; font-size: 30px" class="display fa fa-check" id="check'+i+'" aria-hidden="true"></i>\
    </form>'
 }
});

最后是div代码：

  <div class="container" id="1"></div>

我希望有人可以帮助我。

Answer 1

function check(id,value) {
    id2 = id.split("_");
    idcheck = 'check' + id2[1];
    idcross = 'cross' + id2[1];
    if (value == "test") {

        $("#" + idcheck).css("display", "inline");
        $("#" + idcross).css("display", "none");
    }
    else {
        $("#" + idcheck).css("display", "none");
        $("#" + idcross).css("display", "inline");
    }
}

你的检查功能有点问题，这样改变就行了。

if语句中的更多值

1 个答案: