filter checkbox

select checkbox con vue

by femfoyou

HTML

<!-- seleccionar todos -->
<input type="checkbox" id="todos" value="allSelected" v-model="allSelected">
<label for="todos">Todos</label>


<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack">Jack</label>
<input type="checkbox" id="john" value="John" v-model="checkedNames">
<label for="john">John</label>
<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
<label for="mike">Mike</label>
<br>
<span>Checked names: {{ checkedNames }}</span>


<ul v-for="user in usuarios">
<li>
{{user.name}}
<!-- <input type="checkbox" id="user" value="all" v-model="usuario">
<label for="jack">Jack</label> -->
</li>
</ul>


<script src='https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.28/vue.js'></script>

JavaScript

var app = new Vue({
  el: 'body',

  data: {
    checkedNames: [],
    
    usuarios: [ 
            { "id": "1", "name": "Shad Jast", "email": "[email protected]"}, 
            { "id": "2", "name": "Duane Metz", "email": "[email protected]"}, 
            { "id": "3", "name": "Myah Kris", "email": "[email protected]"}, 
            { "id": "4", "name": "Dr. Kamron Wunsch", "email": "[email protected]"}, 
            { "id": "5", "name": "Brendon Rogahn", "email": "[email protected]"}
        ],
        
  }
})