Radio
单选按钮。Radio UI 提供与WeLink规范一致的视图。
效果示例
HTML
<div class="weui-cells__title">勾选框-单选</div>
<div class="weui-cells weui-cells_radio">
<label class="weui-cell weui-cell-list weui-check__label" for="x11">
<div class="weui-cell__bd">
<p>主文体</p>
</div>
<div class="weui-cell__ft">
次文本
<span>
<input type="radio" class="weui-check" name="radio1" id="x11" checked="checked" />
<span class="weui-icon-checked"></span>
</span>
</div>
</label>
<label class="weui-cell weui-cell-list weui-check__label" for="x12">
<div class="weui-cell__bd">
<p>主文体</p>
</div>
<div class="weui-cell__ft">
次文本
<span>
<input type="radio" name="radio1" class="weui-check" id="x12" />
<span class="weui-icon-checked"></span>
</span>
</div>
</label>
</div>
<div class="weui-cells weui-cells_radio">
<label class="weui-cell weui-cell-list weui-check__label" for="x15">
<div class="weui-cell__bd">
<p>主文体</p>
<div class="weui-cell__explan">
此处是辅助说明文体，说明文本
</div>
</div>
<div class="weui-cell__ft">
<input type="radio" name="radio2" class="weui-check" id="x15" checked="checked" />
<span class="weui-icon-checked"></span>
</div>
</label>
<label class="weui-cell weui-cell-list weui-check__label" for="x16">
<div class="weui-cell__bd">
<p>主文体</p>
<div class="weui-cell__explan">
此处是辅助说明文体，说明文本
</div>
</div>
<div class="weui-cell__ft">
<input type="radio" name="radio2" class="weui-check" id="x16" />
<span class="weui-icon-checked"></span>
</div>
</label>
</div>