2019-04-29 |

多个复选框

 <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

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论