Question

<form class=".form" action="">
  <input type="text" class="inputs"><br>
  <input type="text" class="inputs"><br>
</form>
<button>Check</button>


$("button").on("click", function () {
  if($(".inputs").val()) {
    $("body").css("background-color", "yellow");
  } else {
    $("body").css("background-color", "red");
  }
});

正如您所看到的，我想检查输入中的值，并根据选择身体的颜色。问题是，它只检查所有这些元素中的第一个元素。

您可以尝试在第二个输入中输入一个值，并将第一个输入留空，看看这个。

我想检查具有AND条件的值的所有输入，我该怎么做？

由于

Answer 1

var $inputs = $('.inputs');
//logical OR, if any have a value
$inputs.filter(function(){ return this.value.trim(); }).length
//logical AND, if none of them do not have a value
$inputs.filter(function(){ return !this.value.trim(); }).length < 1
//logical AND, with just nots (!)
!$inputs.filter(function(){ return !this.value.trim(); }).length

这将返回具有非空值的输入。长度> 0是真实的。

jquery检查多个输入值

1 个答案: