Vue.js Quick Example
HTML
<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo">
<div v-for="checkedvalue in NamesList">
<input type="checkbox" :value="checkedvalue.valueselect" v-model="checkedNames" @click="check($event)" > {{checkedvalue.valueselect}}
</div>
<span>Checked names:{{ checkedNames }}</span>
</div>
JavaScript
var demo = new Vue({
el: '#demo',
data: {
checkedNames: [],
NamesList: [{
valueselect: 'aaa'
}, {
valueselect: 'bbb'
}, {
valueselect: 'ccc'
}]
},
methods: {
check: function (e) {
if (e.target.checked) {
console.log(e.target.value)
}
}
}
})