vue实战-单选框与复选框的绑定

目录

一、单选框单独使用

二、一组单选框，互斥使用

三、多选框单独使用

四、多选框组合使用

---

一、单选框单独使用

绑定一个布尔值

  <input type="radio" :checked="isChecked" />
  <label for="">单选/单独使用</label>

 isChecked: true,

二、一组单选框，互斥使用

v-model是选择的值，v-model 的是同一个参数表示是同一组单选框，可实现互斥

    <input type="radio" v-model="picked" value="html" id="html" />
    <label for="html">html</label>
    <input type="radio" v-model="picked" value="css" id="css" />
    <label for="css">css</label>

    <input type&