- 締切済み
困ってます…
検索オプションのように、画像をクリックすると対応したINPUTタイプのcheckboxにチェックが入るようにするにはjavascriptで出来るんでしょうか？ すいませんが、教えて下さい。
- naaaaaam
- お礼率0% (0/2)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
htmlの仕様ではlabelでマーク付け(＋forとidで関連付け)しておけばjavascriptとか使う必要はないです。 ただ、最近のブラウザの中ではIEだけがlabelの中身がimgだと対応していないんで下記のサンプルのようなスクリプトを使います。 <html> <head> <title></title> <style type="text/css"> </style> <script type="text/javascript"> if(document.attachEvent && ! window.opera) { document.attachEvent('onclick', function(){ if(event.srcElement.nodeName == 'IMG') { for(var obj=event.srcElement.parentNode;obj;obj=obj.parentNode) { if(obj.nodeName == 'LABEL') document.getElementById(obj.htmlFor).click(); } } }); } </script> </head> <body> <p><label for="SAMPLE1"><img src="～" alt=""></label> <input type="checkbox" id="SAMPLE1"></p> <p><label for="SAMPLE2">テキスト</label> <input type="checkbox" id="SAMPLE2"></p> </body> </html>
- yambejp
- ベストアンサー率51% (3827/7415)
チェックがはいるだけで、もう一度おしてはずれなくてもよいのですか？
