感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<div id="app">
<input type="checkbox" id="checkbox" v-model="checked" @change="changeAllChecked()" />
<label for="checkbx">
{{checked}}
</label>
<br />
<input type="checkbox" id="Runcodex" value="Runcodex" v-model="checkedname" />
<label for="Runcodex">Runcodex</label>
<input type="checkbox" id="Google" value="Google" v-model="checkedname" />
<label for="Google">Google</label>
<input type="checkbox" id="Taobao" value="Taobao" v-model="checkedname" />
<label for="Taobao">Taobao</label>
<span>选择的值为:{{checkedname}}</span>
</div>
xxxxxxxxxx
var vm = new Vue({
el: '#app',
data: {
checked: false,
checkedname: [],
checkedArr: ["Runcodex", "Taobao", "Google"]
},
methods: {
changeAllChecked: function() {
if (this.checked) {
this.checkedname = this.checkedArr
} else {
this.checkedname = []
}
})
输入 CSS 代码……