checkbox-2

index.html

<div id="app">
  <h1>可以聯絡的時段:</h1>
  <input type="checkbox" id="chk1" value="8:00~12:00" v-model="times">
  <label for="chk1">morning</label>

  <input type="checkbox" id="chk2" value="13:00~ 18:00" v-model="times">
  <label for="chk2">afternoon</label>

  <input type="checkbox" id="chk3" value="19:00~21:00" v-model="times">
  <label for="chk3">evening</label>
  <h2>{{times}}</h2>
  
</div>

script.js

new Vue({
  el:"#app",
  data:{
    times: [],
  },
})