<body>
<div id="app">
<div>
<span>爱好:</span>
<input type="checkbox" id="ball" value="1" v-model='hobby'>
<label for="ball">篮球</label>
<input type="checkbox" id="sing" value="2" v-model='hobby'>
<label for="sing">唱歌</label>
<input type="checkbox" id="code" value="3" v-model='hobby'>
<label for="code">写代码</label>
</div>
<input type="submit" value="提交" @click.prevent='handle'>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
var vm = new Vue({
el: '#app',
data: {
hobby: ['2','3'],
},
methods: {
handle: function(){
console.log(this.hobby.toString())
}
}
});
</script>
</body>
vue 表单 input checkbox
最新推荐文章于 2024-03-20 09:23:18 发布