ios下点击label包含的input checkbox或radio无效问题
来源:互联网 发布:iphone搞怪视频软件 编辑:程序博客网 时间:2024/06/06 07:24
问题描述:
页面中有多个根据接口返回数据,动态生成的checkbox和radio选项,input元素外有一个label标签包裹着,label标签内有文字,即如下示例所示:
<label><input type="checkbox" name="checkbox" value="checkbox"><span>多选框</span></label>
在页面中和安卓端点击选项都没有问题,但是在ios上就出现问题,点击无效,多选框和单选框无法选中。
解决方案:
经个人百般尝试和查阅资料,最终了解到,该问题产生的原因并不是因为动态生成checkbox结点或者label结点,而是ios对label 的兼容性造成的。
不要用label包裹input,可以使用label for来关联input,但是这种方式安卓和web端都适用,ios端checkbox可以点击,但是点击文字无效,可以通过对label添加点击事件去关联CheckBox。
阅读全文
0 0
- ios下点击label包含的input checkbox或radio无效问题
- ios下button input checkbox radio 默认样式去除
- 关于ListView的item中包含Button或Checkbox时导致item无法点击问题
- 让对label中文字的点击也同时对checkbox/radio生效
- 兼容IE/FF的统一定义input的border 同时不包含radio/checkbox
- input type为checkbox或radio时的click默认事件
- radio,checkbox的重复点击实现
- 解决在IE下label中点击img图片无法选中radio的方案
- document.createElement("input")动态创建html元素时checkbox和radio默认选中的问题
- 表单元素与提示文字无法对齐的问题(input,radio,checkbox文字对齐)
- jquery 中input /checkbox/radio/button/select未选中的值/等取值问题
- 如何点击文字,把input type="radio" 或者 input type="checkbox" 也选中
- input type=radio ios点击后黑色背景的解决
- 点击label标签选中radio
- input checkbox radio样式改变
- input checkbox / radio 大变样
- label模拟radio、checkbox,自定义radio和checkbox
- 自定义CheckBox解决label点击事件触发两次问题
- html&css---------css简介(11/2)
- Cg Programming/Unity/Glossy Textures光泽纹理
- 美解决Android在listview添加checkbox实现单选多选操作问题
- Python的set集合详解
- 学习hibernate遇到的问题及解决方案
- ios下点击label包含的input checkbox或radio无效问题
- DIV+CSS规范命名大全集合
- Java 基础巩固:再谈抽象类和接口
- python学习-Day14-高阶函数
- 将本地仓库文件上传到git
- iOS-打包成ipa的4种方法
- 实验楼sql SELECT 语句详解之查询出各员工所在部门的人数与工程数
- 机器猫
- 洛谷P2634 聪聪可可(BZOJ2152)