jquery - jQuery:現在の要素以外のクラスを無効にする

Question

フィルターのように機能するいくつかのフィールドを持つテーブルがあります。すべてのフィールドは同じクラスを持ち、デフォルトでは空です。

一度にこれらのフィールドの 1 つだけをアクティブにして、他のすべてのフィールドを同時に無効にする方法はありますか? 私が達成したいのは、一度に 1 つのフィールドしか入力できないということです。つまり、1 つのフィールドに入力すると、他のフィールドは無効になり、このフィールドを再び空にすると、他のフィールドは再び有効になります。

データの入力中に一時的なクラスを追加することを考えましたが、これを機能させることができませんでした。

私のフィールドはすべて次のようになります。

<input type="text" class="inputFilter" id="input1" name="input1" value="" />

これについて助けてくれてありがとう、ティム。

Answer 1

試す

jQuery(function(){
    var $inputs = $('.inputFilter').on('input blur', function () {
        var value = $.trim(this.value);
        $inputs.not(this).prop('disabled', value.length != 0);
    })
})

デモ:フィドル

Answer 2

これを試して、

$('.inputFilter').change(function(){      
       if($(this).val() == "")
       {
            $('.inputFilter').removeProp('disabled');
       }
      else
       {
            $('.inputFilter').not($(this)).prop('disabled',true); 
       }
});

デモ