javascript - Javascript：如果两个输入的值为 x 或 y，则显示 .div

Question

我有两个输入和一个div. 我希望能够显示两个div输入的值何时为 6 或 7。

我是 JavaScript 新手。这是我所能达到的最接近的（我担心，这不是那么接近）：

var div = $('div').hide();
$('.first, .second').keyup(function() {
    var value = this.value;
    if (value == 6 || value == 7) {
       div.fadeIn();
    } else {
      div.fadeOut();   
    }
});

JSFiddle

Answer 1

$('.first, .second').keyup(function() {

   var value1 = $(".first").val();
   var value2 = $(".second").val(); 
    if ((value1 == 6 || value1 == 7) && (value2 == 6 || value2 == 7))  {
       div.fadeIn();
   } else {
      div.fadeOut();   
   }
});

试试上面的

Answer 2

试试这个演示

HTML

<div>hello</div>

<input type="text" class="myinput" name='first'/>
<input type="text" class="myinput" name='second'/>

js

var div = $('div');
div.hide();

$('.myinput').keyup(function() {

    var value = 0;

    $('.myinput').each(function(){
        if($(this).val() == 6 || $(this).val() == 7 )
        {
           value = $(this).val();
        }
    });
    if(value == 6 || value == 7)
        div.fadeIn();
    else
        div.fadeOut();
});

CSS

div {
   border: 4px solid #333;  
    width:100px;
    height:100px;

}

Answer 3

所有输入必须是 6 或 7 才能显示 div，即使输入区域更多。

更多基因，更好：

html:

<input type="text" class="entry"/>
<input type="text" class="entry"/>

javascript:

var div = $('div').hide();
var $entry=$('.entry');

$entry.keyup(function() {
    var $entryMatch=$entry.filter(function(){
           var value = $(this).val();
           if (['6','7'].indexOf(value)>-1) {
               return true
           } else {
              return false;
           }   

   });
    if ($entryMatch.size()==$entry.size()) div.show();
    else div.hide();




});

jsfiddle