jquery - 複数の jQuery セレクターを使用していますか?

Question

これは私のコード例です:

<input type="text" id="input1" />
<input type="text" id="input2" />

<div id="result"></div>

そしてjQueryでは、両方の入力が次のように変化するのを聞きたいです:

$('#input1,#input2').change(function(){

var val1 = $('#input1').val();
var val2 = $('#input2').val();

[...some more code...]

});

しかし、私はそれを機能させることができません...何か助けはありますか? 前もって感謝します...

Answer 1

何がうまくいかないのですか？http://jsfiddle.net/XYSwz/を参照してください

HTML

<input type="text" id="input1" />
<input type="text" id="input2" />
<div id="result"></div>​

jQuery

$(document).ready(function() {
    $('#input1, #input2').change(function(){
        var val1 = $('#input1').val();
        var val2 = $('#input2').val();
    
        alert(val1);
        alert(val2);
    });​
});

Answer 2

このコードを試してください：

$(document).ready(function() {
  $('#input1,#input2').change(function(){
    var val1 = $('#input1').val();
    var val2 = $('#input2').val();
     alert(val1);//test
     alert(val2);//test
  });
});

JSFIDDLE

Answer 3

コードはそのまま機能するはずです。

いつでもadd()関数を試すことができます：

$(function() {
    $('#input1').add('#input2').change(function() {
        var val1 = $('#input1').val();
        var val2 = $('#input2').val();

    });
});

要素が動的に作成される場合は、on()またはlive()関数を使用する必要があります。

$(function() {
    $('#input1').add('#input2').on('change', function() {
        var val1 = $('#input1').val();
        var val2 = $('#input2').val();

    });
});