jQuery, labelに設定したclickイベントが2回になる時の対処方法「clickではなくchangeイベントで制御すればいい」

javascript徒然草2.0
javascript,js

labelに設定したイベントが2回のクリックになってしまう…。jQueryなどでclickイベントを設定せずにchangeイベント(lavelがアクティブになる)を拾うことで1回のクリックになるそうだ。

$("#label").off("click").on("click", function(){ my._click(); });

$("#label").off("change").on("change", function(){ my._click(); });

参考:「【jQuery】ラベルで囲まれたチェックボックスでclickイベントが2回実行される – Qiita

※なお、イベントをoffにしてからonにしているのは、イベント設定が2回走った時に2回のchangeイベントを登録しないようにするためのの配慮です。

コメント

タイトルとURLをコピーしました