When the next button is clicked, I want to remove the checked status of the checkbox without using Vue. Here is a demo code snippet:
new Vue({
el: "#app",
data: {
id:0,
items: [
{'id':1,'name':'chk-a','options':['a1','b1','c1','d1']},
{'id':2,'name':'chk-b','options':['a2','b2','c2','d2']},
{'id':3,'name':'chk-c','options':['a3','b3','c3','d3']},
{'id':4,'name':'chk-d','options':['a4','b4','c4','d4']},
]
},
methods: {
next: function (id) {
if(id<this.items.length){
this.id++
}
}
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"></script>
<div id="app">
<h1>Checkbox</h1>
<div v-for="item in items[id].options">
<input type="radio" name="chk" :id="id">
<label for="two">{{item}}</label>
</div>
<button @click="next(id+1)">Next</button>
</div>