3

2 つの入力とdiv. 両方の入力の値が 6 または 7 のdiv場合を表示できるようにしたいと考えています。

私はjavascriptが初めてです。これは、私ができる限り近いものです (これは、それほど近いものではないのではないかと思います)。

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

JSFiddle

4

3 に答える 3

1

このデモを試す

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;

}
于 2013-07-24T05:30:47.863 に答える
0

div を表示するには、すべての入力が 6 または 7 でなければなりません。

より遺伝的に、より良い:

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

于 2013-07-24T04:36:28.127 に答える