单选按钮跟复选框差不多，也可以提供一些选项，不同的是一组单选按钮的值只能是其中的一个单选按钮表示的值 ... 先选中之前我们创建的复选框的包装 ... 按住 command 键可以选择多个编辑点 ... 然后统一的再添加一个 radio 类 ..

再修改一下 input 的类型 ... 同时选中这三个元素的 type 属性的值 ... 把 checkbox 修改成 radio ... 表示单选按钮 ...

回到浏览器 ... 这里显示的是一组单选按钮 ... 选择其中的一个 ... 这样会把绑定到单选按钮上的数据的值，设置成当前选中的这个单选按钮的 value 属性的值 ...

再选中一个其它的单选按钮 .. 会把绑定给这组单选按钮的值，换成最新选中的这个单选按钮的值 ...

因为一组单选按钮的值只能是其中的一个单选按钮 ... 所以我们可以把这个数据的默认的值，换成一个空白的字符 ...