Radio

单选按钮。Radio UI 提供与WeLink规范一致的视图。

    <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>