input・select・checkboxの制御で使っているJavaScriptを一つにまとめたい

以下のJavaScriptを一つにまとめたいです。
イメージとしては

こんな感じになればいいなと思っています。
どのようにして一つにすればよろしいのでしょうか。
何卒よろしくお願いいたします


<label for="inputB">入力欄2つめ</label>
<input required type="text" id="inputB"/>

<label for="inputC">入力欄3つめ</label>
<input required  type="checkbox" id="inputC"/>

<label for="inputA">入力欄1つめ</label>
 <select required id="inputA" name="input01[]">
  <option value=""></option>
  <option value=""></option>
  <option value=""></option>
 </select>


<script>
$("input").change(function(){
    var checked = $(this).prop('checked');
    if( checked === true ){
        //チェックが入っている場合の処理
} else if( checked === false ) {
        //チェックが入っていない場合の処理
}
});

$("input").change(function(){
    var inputText = $(this).val ();
    if( inputText != "" ){
        //入力されている場合の処理
} else if( inputText === "" ) {
        //入力されていない場合の処理
}
});

$("select").change(function(){
    var selectVal = $(this).val ();
    if( selectVal != "最初に選択されているoptionのvalue" ){
        //選択されている場合の処理
} else if( selectVal === "最初に選択されているoptionのvalue" ) {
        //選択されていない場合の処理
}
});
</script>

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

回答1件

ベストアンサー

javascript
1<script>
2$(function(){
3  $("input,select").on('input',function(){
4    if($(this).is('select')){
5      console.log($(this).val()?"select 値あり":"select 値なし");
6    }
7    if($(this).is(':text')){
8      console.log($(this).val()?"text 値あり":"text 値なし");
9    }
10    if($(this).is(':checkbox')){
11      console.log($(this).prop('checked')?"checkbox 値あり":"checkbox 値なし");
12    }
13  });
14});