2019-03-21 | 1400

复选框

多个复选框
<div id="app">
  <input type="checkbox" id="name1" value="木木" v-model="checkedNames">
  <label for="name1">木木</label>
  <input type="checkbox" id="name2" value="曾庆林" v-model="checkedNames">
  <label for="name2">曾庆林</label>
  <input type="checkbox" id="name3" value="mumu" v-model="checkedNames">
  <label for="name3">mumu</label>
  <br>
  <span>选择的名字是: {{ checkedNames }}</span>
</div>
   <script>
      var app = new Vue({
         data:{checkedNames:[]},
       })
   </script>
<!-- 结果 -->
<!-- 选择的名字是:["木木","曾庆林","mumu"] -->

1

发表评论

    评价:
    Rich Text Editor
    最新评论