動的に作ったチェックボックスの変化を取得するには? – jQuery

簡単に、、

動的に作った要素全然取得できない

動的に作った要素をjsで取得できない状況に陥りました。動的に作ったチェックボックスの変化を取得できないんです。

できない

下記のようなやり方じゃ取得できなかった。。。

$(document).on("click", ".add-btn", function () {

できた

$(document).on('change', '[type=checkbox]', function() {
// code here
console.log("test");
});

さすが、スタックオーバーフロー。検索で見つけるコツは、悩みをそのまま検索すること。 jquery How do I get a dynamically created checkbox change? と検索したら答えが見つかりました。タグを並べて検索しても汎用的な質問しか上がって来なくて少し困りました。

参考

Adding events to dynamically created checkbox in jquery mobile

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

未整理記事