jQueryの変更方法複数の要素

#townと#animalの値を変更したい場合は、背景が赤くなります。私のコードは入力の背景を変更していますが、入力を1つ変更したときに、両方の入力を変更するとコードが背景色を変更した後に変更したいと思います。jQueryの変更方法複数の要素

マイコード：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Test page</title> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 

    <script> 
    $(document).ready(function() { 
     $('#town, #animal').on('change', function() { 
      $('input').css('background', 'red'); 
     }); 
    }); 
    </script> 
</head> 
<body> 

<input type="text" id="town"> 
<input type="text" id="animal"> 

</body> 
</html>

出典

2017-06-03 patesz

"テキストの入力色を赤に変更したい場合は変更してください"あなたの質問の最初の部分が得られます。 2番目の部分は読みにくいです。もし両方の入力が変更された場合にのみ、色を変更したいでしょうか？ – Dominik

ための良いスタートだあなたはこのWorking Fiddle

を試すことができます3210

出典

2017-06-03 12:59:41

ありがとう、完璧！ :) – patesz

あなたは両方の入力が変更されるまで待機するように、あなたがそれを望む場合は、その後、それは非常に簡単です！ :)

単に、二つの変数があります、そして、

var townChanged = false; 
var animalChanged = false;

を行う2つのjQueryの機能：

$('#town').on('change', function() { 
    townChanged = true; 
    if (animalChanged) { 
     $('input').css('background', 'red'); 
    } 
}); 

$('#animal').on('change', function() { 
    animalChanged = true; 
    if (townChanged) { 
     $('input').css('background', 'red'); 
    } 
});

明らか

あなたは少しそれをクリーンアップするつもりだが、私は願っていますそれはあなた

出典

2017-06-03 12:56:50 Polymer

jQueryの変更方法複数の要素

答えて

関連する問題