jQuery:检查两个输入字段值是否> 0

Question

自从我几周前开始使用 jQuery 以来，我仍然需要一些支持......

我必须输入字段(类型=数字)。如果两个输入字段值都已填写(两个，而不仅仅是一个)，并且它们大于 0。应显示一个隐藏元素。

我想出了这个..但我想我不明白每个循环...

这是我到目前为止的代码..提前致谢!

$('#container').on('input', '.sides', function(){ 
    $.each($('input[type=number]'),function(){
    	if(this.value > 0){
      	$('#content').removeClass('hidden');
      } else {
      	$(this).addClass('marker');
      }
    });   
});

.hidden {
  display:none;
}
.marker {
  border:3px solid red;
  background:yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="container">
<input type="number" class="sides" id="side_a">
<input type="number" class="sides" id="side_b">

<div class="hidden" id="content">
<h1>
Hello :)
</h1>
</div>
</div>

Answer 1

您可以使用过滤器来获取与您的条件匹配的输入列表 - 然后与总长度进行比较:

var hasFilledInEverything = $('input[type=number]').filter(function() {
    return this.value > 0;
}).length == $('input[type=number]').length;

if (hasFillerInEverything) {
    //add class
} else {
    //remove
}