MW211 EXIT

devlog
jQuery/値変更でイベント発動
2022年03月04日
以下のようにチェックボックスのイベントを設定し
チェックボックスの値を変更した(チェックを入れた)場合
画面からチェックを入れた時は発動するイベントが発動せずスルーされてしまう。
┌──────────────────────────────────────┐
│$(function() {                                                              │
│    $(':checkbox').on('change', function() {                                │
│        alert('イベント発動!');                                            │
│    });                                                                     │
│    $(':checkbox').prop('checked', true);                                   │
│});                                                                         │
└──────────────────────────────────────┘

これを発動させるようにするには「.change()」メソッドをつけて
イベントを能動的に実行してあげればよい。
┌──────────────────────────────────────┐
│$(function() {                                                              │
│    $(':checkbox').on('change', function() {                                │
│        alert('イベント発動!');                                            │
│    });                                                                     │
│    $(':checkbox').prop('checked', true).change();                          │
│});                                                                         │
└──────────────────────────────────────┘
分類:jQuery