移动端ios对lable radio的处理

lable包裹radio,ios上点击文字不会变为checked,为label包裹元素添加css
pointer-events: none;
或者添加空的点击事件
click=""
可以解决,建议采用css。

pointer-events
阻止用户的点击动作产生任何效果
阻止缺省鼠标指针的显示
阻止CSS里的hover和active状态的变化触发事件
阻止JavaScript点击动作触发的事件

为什么点击文字单选选中?
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,863评论 1 11
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,199评论 0 8
  • mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...
    Zoemings阅读 11,577评论 0 12
  • 2017年凌晨,小丫头陪我一起值班,愿一家人平平安安健健康康和和睦睦。 2017年,要认真读书,好好的看几本书,利...
    蓝落1014阅读 1,787评论 2 2
  • 上天从来不公平 出生全凭运气临 贫穷富贵皆无度 何人算计投好生 上天难得也公平 人人皆只历一生 贫穷富贵由自己 哪...
    瑜伽散人阅读 3,421评论 3 5