【报Bug】关于label标签for属性在最新版mui.js下的bug

详细问题描述

代码如下(只写主要部分)

<div class="mui-input-row">

<label>密码类型:</label>

<input id="account" name="pwdType" value="0" type="radio" class="mui-hidden">

<label for="account" class="mui-btn">账户密码</label>

<input id="msg" name="pwdType" value="1" type="radio" class="mui-hidden">

<label for="msg" class="mui-btn">短信密码</label>

</div>

\n

由于


这个地方

如果是上面的dom结构会导致for属性失效

解决如下

<div class="mui-input-row">

<label>密码类型:</label>

<span><input id="account" name="pwdType" value="0" type="radio" class="mui-hidden">

<label for="account" class="mui-btn">账户密码</label></span>

<span><input id="msg" name="pwdType" value="1" type="radio" class="mui-hidden">

<label for="msg" class="mui-btn">短信密码</label></span>

</div>

\n

望改进此bug~



2017-01-14 18:14 添加评论 分享
已邀请:
0

我是大笨蛋

赞同来自:

你是呆子


0

410789180@qq.com

赞同来自:

。。。无语,这个bug没人理吗


0

2035645488@qq.com - 学习

赞同来自:

不是很懂


0

Set_li

赞同来自:

我也遇到这个问题 我的解决方法是
用div把 <input type=""radio"">和<label>选项</label> 这两个包裹起来
例如:

<div>
<input type="radio" id="a" value="a">
<label :for="a">选项a</label>
</div>
<div>
<input type="radio" id="b" value="b">
<label :for="b">选项b</label>
</div>
\n
0

18235140339@163.com

赞同来自:

2018年7月3日,此bug目前仍未解决


要回复问题请先登录注册