2つの選択タグが選択されたときにボタンを有効にする

Question

私は確認ボタンを行っています。私は最初は無効状態にあるボタンを持っています。私はボタン・イネーブラーとして3つの要素を持っています。 1は入力タグ、1は選択タグ、もう1つは選択タグです。これらの3つが満たされて選択されると、ボタンの1つまたはすべてがブランクに戻ったときに、ボタンを有効にしてから再び無効にする必要があります。

これはこれまでのところ行われたことであり、それはうまくいきません。助けてください

$(window).load(function(){ 

    $("#devicemask").on('keyup blur', function(){ 
     $('#set-sr-property').prop('enabled', this.value.trim().length); 
    }); 

      $('#flightselect').change(function() { 
       var op =$(this).val(); 
       if(op ! = '') {     
        $('#set-sr-property').prop('disabled',false); 
       } else { 
         $('#set-sr-property').prop('disabled', true); 
       } 
      }); 

      $('#crewselect').change(function() { 
       var op =$(this).val(); 
       if(op ! = '') {     
        $('#set-sr-property').prop('disabled',false); 
       } else { 
         $('#set-sr-property').prop('disabled', true); 
       } 
      }); 
     }); 

Answer 1

イベントごとに各値を確認する必要があります。基本的にはこのようになります。

var input = $('#devicemask'); 
var select1 = $('#flightselect'); 
var select2 = $('#crewselect'); 
var button = $('#set-sr-property'); 

input.on('keyup blur', function(){ 
    if (input.val().trim().length >= 1 && 
      select1.val() !== '' && 
      select2.val() !== '') { 
      button.prop('disabled', false); 
    }else{ 
      button.prop('disabled', true); 
    } 
}); 

select1.change(function() { 
    if (input.val().trim().length >= 1 && 
      select1.val() !== '' && 
      select2.val() !== '') { 
      button.prop('disabled', false); 
    }else{ 
      button.prop('disabled', true); 
    }  
}); 

select2.change(function() { 
    if (input.val().trim().length >= 1 && 
      select1.val() !== '' && 
      select2.val() !== '') { 
      button.prop('disabled', false); 
    }else{ 
      button.prop('disabled', true); 
    } 
}); 

あなたは確かにそれをsimplifizeすることができます。サンプルフィドルhttps://jsfiddle.net/phv5yty8

---

とにかく、私は$.load()の内側にそれをラップしようとしましたが、動作しません。どうしてか分かりません。だから$.ready()これに収まるかもしれません。