正文
兼容性之IOS下label 无法点击
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
今天做移动端的页面时碰到一个稀奇的问题，那就是点击label无法选中与之相关的checkbox，下面是问题代码：
<li class="list-item clearfix notify-toggle">
<label class="setting-title">新消息通知</label> <div class="toggle-box">
<input id="btn_setting_toggle" type="checkbox"> <label class="toggle-ui" for="btn_setting_toggle"></label>
</div>
</li>
此时出现的问题是，在ios4下不论何种浏览器都会出现点击label无法选中checkbox的情况，其他系统或手机都能正常。
最终解决：最后在万能的stackoverflow下找到了答案：HTML <label> command doesn't work in Iphone browser，其实就是添加一个空的click事件。改好的代码：
<label class="toggle-ui" for="btn_setting_toggle" onclick=""></label>//添加空的click事件
最大的感慨还是：你现在踩到的坑其实许多前辈已经踩过，所以要走的还有很多！
