keyupのたびに該当のclassがあるかチェックしたい

Javascriptで必須項目の入力がされたらクラスが追加されるようにしたのですが、
下記のようにしてクラスの数が全部入力されたらボタンのdisabledを解除したいと思います。
※入力項目が9個ある前提です。

ここまではできたのですが、keyupのたびにclassの有無をチェックするようにするためにはどうすればいいのでしょうか。

該当のソースコード

if ($('.inputOk').length == 9 ){
	$("button").prop('disabled', false);
} else {
	$("button").prop('disabled', true);
}

ご回答頂いた内容を参考に下記のように書き換えたところ動作しました。
セレクトボックスもあったのでchangeも追加しています。

修正版

$(function(){
  $('.v_required').on('keyup',function(){
if ($('.inputOk').length == 9 ){
    $("button").prop('disabled', false);
} else {
    $("button").prop('disabled', true);
}
  }).trigger('keyup');
	
  $('.v_required').on('change',function(){
if ($('.inputOk').length == 9 ){
    $("button").prop('disabled', false);
} else {
    $("button").prop('disabled', true);
}
  }).trigger('keyup');
});

行動規範の内容に同意します

回答1件

ベストアンサー

こんな感じですか？

javascript
1<style>
2.inputOk{background-Color:yellow;}
3</style>
4<script>
5$(function(){
6  $('.inp').on('keyup',function(){
7    $(this).toggleClass('inputOk',$(this).val()!=="");
8    $('#btn').prop('disabled',$('.inputOk').length<3);
9  }).trigger('keyup');
10});
11</script>
12<input type="text" class="inp">
13<input type="text" class="inp">
14<input type="text" class="inp">
15<button id="btn" disabled>btn</button>
16