[B! iPad] natto_tamagoのブックマーク

iPhone/iPad用Safariのlabelタグの問題を解消する - jsdo.it - Share JavaScript, HTML5 and CSS

iPhone/iPadのSafariで見てください。通常labelタグのfor属性とinputのid属性を一緒にすることで関連付けられたテキスト部分をクリックしてもチェックを付けることができるが iPhone/iPad用Safariではなぜか反応しない。 javascriptを使って、clickイベントでcheckする必要があるが clickイベントだけで、イベントの中に何も記述しなくても問題なく動作する。【追記】もしかしてと思いonclick属性をlabelに付けたら、それだけで動きました。【追記：2011/10/14】 iOS5のsafariで確認したところ、修正されてませんでした。【追記：2012/10/30】 iOS6のsafariでこの問題は解消したようです。 $(function(){ var ua =navigator.userAgent; if(ua.inde

natto_tamago 2011/10/26

リンク

iPhone,iPad用サイトでlabelタグが使えない件-パソコン・office・PHP・フリーソフトなどの各種豆知識をご紹介｜SGブログ-

フォームを作る際に、ユーザビリティを激的に向上させるひとつに、チェックボックスやラジオボタンと一緒に使うlabelタグがあります。例えば↓これが普通のチェックボックスチェックして下さいこれにlabelタグをつけてあげると↓こんな感じチェックして下さいこうすると、「チェックして下さい」をクリックしても、チェックボックスにチェックが入ります。ただ、iPhoneやiPadに搭載されているブラウザのMobile Safariでは、このラベルタグが使えません。。使えるようにして欲しいですがしょうがないです。なのでJavaScriptで解決！手っ取り早くjQueryでliにclickイベントを発動させてあげるだけ！ jQueryを読み込んでいる前提で、下記の感じで  <ul> <li><input name="test" value="test" type