Unfortunately, I encountered this problem again, but I have forgotten how to solve it last time.
First, Baidu said that the for of the label corresponds to the id of the input.
First, look at my style
code
<div class="weui-cell bai-cell">
<div class="weui-cell__hd"><label>抬头类型</label></div>
<div class="weui-cell__bd bai-flex bai-flex-end component" name="titleType" lay-field="checkbox" lay-type="">
<div class="weui-inner-form-li weui-form-li" style="margin-right: 10px">
<label for="titleType-0-id">
<input class="" title="个人或事业单位" checked="checked" name="titleType-group" id="titleType-0-id" value="1" type="radio" lay-ignore="">
<div class="weui-form-text"><p>个人或事业单位</p></div>
</label>
</div>
<div class="weui-inner-form-li weui-form-li">
<label for="titleType-1-id">
<input class="" title="企业" name="titleType-group" id="titleType-1-id" value="2" type="radio" lay-ignore="">
<div class="weui-form-text"><p>企业</p></div>
</label>
</div>
</div>
</div>
At the beginning, the class of my input was weui, and I deleted it. The browser of ios computer can be used, but the browser of ios mobile phone cannot.
Now record the solution
label > * {
pointer-events: all;
}
Yes, because weui's style library has a style that prohibits clicking. . . . I overwrite it and it's ok!