【JQuery】チェックボタンに画像を置き換えたい

質問

初めまして。JQueryの初心者で大変恐縮ではございますが、再度質問させていただきます。

今回、下記参考URLを参考にして、チェックボタンの画像指定に取り組みました。

参考URL
http://sygnas.jp/2012/01/30/jquery%E5%80%8B%E5%88%A5%E3%81%AE%E7%94%BB%E5%83%8F%E3%82%92%E3%83%A9%E3%82%B8%E3%82%AA%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%84%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9/

実装自体は上手く行えたのですが、コメント欄にもあるようにIEで利用するとダブルクリックでしか
動作を行う事ができませんでした。
このプラグインをシングルクリックでも行えるようにするにはどのようにすればよろしいでしょうか？
説明力不足で大変恐縮ですが、お力をお貸しいただけば幸いでございます。

また、その他でもおすすめの方法等ございましたら是非お教えいただきたく思っております。

何卒よろしくお願い致します。

回答No.1

神崎 渉瑠（@taloo） · ベストアンサー

IE9は<label><img></label>でもinputに連動するようですので、
ブラウザのクリック処理でチェックマークがついた後、onclickイベントでチェックマークの判定を行いチェックを消しているようです。

IEを判定している所で、IE9以上ならreturn falseすれば良いと思います。

お礼

ご回答ありがとうございます。お教えいただきたとおりに実装したら見事にシングルクリックで動くようになりました！大変感謝しております。
この度は本当にありがとうございました！