jQueryにてinputタグの「onchange」が発動しない

Question

inputタグをforeachで回して生成してるのですが、
inputタグの「onChange="keisan()"」からkeisan()の関数が発動しません。
コンソールには
ReferenceError: Can't find variable: keisan
というエラーが出ます。

以下フォームのコードです。

        <?php
          $MenuGroup = get_field('group');
          $i = 0;
          foreach($MenuGroup as $child):
            $manu_name = $child['group-menu-name'];
            $manu_price = $child['group-menu-price'];
            if($manu_name && $manu_price):
              $i++;?>
              <label for="menunum<?php echo $i; ?>"><?php echo $manu_name. '¥'.$manu_price; ?></label>
              <input type="hidden" name="menu<?php echo $i; ?>" value="<?php echo $manu_name. '¥'.$manu_price; ?>">
              <input type="hidden" name="price<?php echo $i; ?>" value="<?php echo $manu_price; ?>">
              <input type="number" class="btn_num<?php echo $i; ?>" name="menunum<?php echo $i; ?>" value="0"  min="0" max="100" onChange="keisan()">
          <?php endif; endforeach; ?>
          <div class="">
            合計金額 ¥<input type="text" name="total" value="0" readonly>
          </div>

foreachはカスタムフィールドを取得して、inputタグに値を割当てつつ、フィールドがある分だけ回していてます。

jqueryは外部ファイルです。

function keisan(){
 console.log('変更');
}

原因が分からずで、、解決策を教えていただけると幸いです。
よろしくお願い致します。

別の参照が必要そうでいたら、お申し付けください！

Answer 1

input[type=number]はchangeイベントが発生しないケースがあるようですね。

https://qiita.com/myzkyy/items/5630c32097aa68315cc5
https://qiita.com/FiNGAHOLiC/items/3c19642b6e1d82cc9c79

Comments

[Yariii]

なるほど、ありがとうございました！
別の方法で試すことにします！