【报Bug】

分类：MUI

Debug mui

详细问题描述
MUI在手机端对label监听了奇怪的事件，我放一排radio，一般都是点击label就可以选中radio的，但是在移动端打开这个页面，你点击后面的 label，总会选中第一个radio，注释掉mui的js文件引入就没问题了，尝试在label上off掉tap和click事件，但是没有作用，最后这个页面整个放弃了mui的js文件，还是请工程师看下，修复这个bug

重现步骤
[步骤]
[结果]
[期望]

运行环境
[系统版本]
Android 6.0
[浏览器版本]
webkit
[IDE版本]
[mui版本]
Mui v3.1.0 (http://dev.dcloud.net.cn/mui)
切换到V3.2.0也不行
附件
[代码片段]
<input id="act1" type="radio" name="act"/>
<label for="act1">Act123</label>

    <input id="act2" type="radio" name="act"/>  
    <label for="act2">Act223</label>  

    <input id="act3" type="radio" name="act"/>  
    <label for="act3">Act333</label>

[安装包]

联系方式
[QQ]
22257170
[电话]

2016-08-05 07:51 负责人:无分享

1 个回复

赵梦欢 - 专注前端，乐于分享！

这个不算bug啊，mui对input radio做了美化处理，你既然用mui那就需要用mui的方式去使用，正确是姿势如下：

<form class="mui-row">  
    <div class="mui-radio mui-col-sm-4">  
        <label>radio1</label>  
        <input name="radio1" type="radio" checked>  
    </div>  
    <div class="mui-radio mui-col-sm-4">  
        <label>radio2</label>  
        <input name="radio1" type="radio">  
    </div>  
    <div class="mui-radio mui-col-sm-4">  
        <label>radio3</label>  
        <input name="radio1" type="radio">  
    </div>  
</form>

文档可以参考这里：radio（单选框）

该问题目前已经被锁定, 无法添加新回复

【报Bug】

与内容相关的链接

1 个回复

公告