ゆるゆると過ごす毎日

徒然に、、、いきましょう

スマホでlabelが効かない

2012年05月15日 20時58分53秒 | スマホ

http://sgx2.blog99.fc2.com/blog-entry-21.html

以下引用

フォームを作る際に、ユーザビリティを激的に向上させるひとつに、チェックボックスやラジオボタンと一緒に使うlabelタグがあります。

例えば↓これが普通のチェックボックス
チェックして下さい

これにlabelタグをつけてあげると↓こんな感じ
チェックして下さい

こうすると、「チェックして下さい」をクリックしても、チェックボックスにチェックが入ります。

ただ、iPhoneやiPadに搭載されているブラウザのMobile Safariでは、このラベルタグが使えません。。
使えるようにして欲しいですがしょうがないです。

http://bem-memo.info/coding/%E3%80%90%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%80%91label%E3%82%BF%E3%82%B0%E3%81%8C%E5%8A%B9%E3%81%8B%E3%81%AA%E3%81%84%E6%99%82%E3%81%AE%E5%AF%BE%E5%87%A6%E6%B3%95/

<script type="text/javascript">
$(function(){
$('form label').click(function(){
$(this)
.children('input[type="radio"]')
.attr('checked','checked');
});
});
</script>