在vue.js中如何选中两个复选框，一个处于选中状态，另一个未被选中。

Question

我的工作委员会中有两个定价选项复选框，一个是将工作固定为一个星期，另一个是将工作固定为一个月。如何使用Vue.js来实现？显然，可以单击一个或单击另一个，但不能同时单击。两个复选框均以未选中状态开始。

Answer 1

在这种情况下，您应该使用单选类型输入，并为两者使用相同的“名称”属性：

  <input type="radio" id="week" value="week" name="jobPostingLength" v-model="jobPostingLength">
  <label for="week">1 Week</label>

  <input type="radio" id="month" value="month" name="jobPostingLength" v-model="jobPostingLength">
  <label for="month">1 Month</label>