怎样给radio分组呢？

对 input[type=radio] 使用相同的name 即可：

<div>
    <label for="f">
        <input id="f" name="gender" type="radio" value="female" checked>
        <span>女</span>
    </label>
    <label for="m">
        <input id="m" name="gender" type="radio" value="male">
        <span>男</span>
    </label>
</div>