2019-04-29 | 9241

多个复选框

<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
    最新评论