- 締切済み
IE11 チェックボタン画像指定でクリックできない
初めまして。JQuery・JavaScriptの初心者で大変恐縮ではございますが、質問させていただきます。 今回、下記参考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/ 先日、IE9・IE10においてシングルクリックで指定する事ができなかったため質問させていただき、 お力添えのおかげで無事解決する事ができました。 http://okwave.jp/qa/q8316646.html しかし、その後IE11にて動作確認を行ったところ、ダブルクリック・シングルクリックいぜんの問題として 指定すらできなくなっている事が判明しました。 IE11においてシングルクリックで実装する場合にはどのように行えばよろしいのでしょうか？ また、その他でもおすすめの方法等ございましたら是非お教えいただきたく思っております。 何卒よろしくお願い致します。
- glllssunn
- お礼率54% (6/11)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- babu_baboo
- ベストアンサー率51% (268/525)
こんばんは、回答がつきませんね。 せっかく jQuery と格闘なさっているようですが css だけで行うのはダメでしょうか？ （IEは試してませんが） <!DOCTYPE html> <meta charset="utf-8"> <title></title> <style> label img { width: 100px; height: 100px } input[type="checkbox"] + label img, input[type="radio"] + label img { border : 4px gray solid; opacity : .5; filter:alpha(opacity:50) } input[type="checkbox"]:checked + label img, input[type="radio"]:checked + label img { border : 4px yellow solid; opacity : 1; filter:alpha(opacity:100) } </style> <body> <h1>適当に</h1> <form> <h3>ラジオボタン</h3> <p> <input type="radio" name="q1" id="btn-A" value="A"> <label for="btn-A"><img src="../images/ptn_01.jpg"></label> <input type="radio" name="q1" id="btn-B" value="B"> <label for="btn-B"><img src="../images/ptn_02.jpg"></label> </p> <hr> <h3>チェックボックス</h3> <p> <input type="checkbox" name="q2" id="btn-0" value="0"> <label for="btn-0"><img src="../images/ptn_01.jpg"></label> <input type="checkbox" name="q2" id="btn-1" value="1" checked="checked"> <label for="btn-1"><img src="../images/ptn_02.jpg"></label> </p> </form>
お礼
お返事いただきまして大変ありがとうございます。 またお返事遅くなりました事、お詫び申し上げます。 なかなか解決の糸口が掴めずに困っているところ、 お力添えいただき大変感謝しております。 希望の実装としましては、画像が3つに切り替わるチェックボタンを 作成したいと考えております。 デフォルト画像 ↓ オンマウス画像 ↓ チェック済み画像 参考サイト:http://fx.search-guide.jp/ JQueryに特にこだわり等ございませんので、CSSでも実装可能なら とても嬉しいのですが、画像切替はCSSだけでも行えるのでしょうか？ お時間に余裕がございます時にでもまたアドバイスいただければ 大変幸いでございます。