单选按钮

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

自由学三年,把想法变成现实。33 折优惠(最后 6 天), 现在订阅 →

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

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

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

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

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

单选按钮《 Vue.js 前端框架 》

统计

10670
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点