vue怎么获取radio、checkbox选中的值
2018-12-03 本文已影响0人
_conquer_
- radio 单选框
html
<div class="radio">
<form>
<label v-for="(item,index) in question_item.cand_item"><input v-model="checkedValue" class="border_w" type="radio" name="Q3" :value="index"/>{{item.text}}</label>
</form>
</div>
js
//checkedValue的值就是选中的值,我们只需要实时监控他的值就可以了
export default {
name:'radio',
data(){
return {
checkedValue:'',
answer:[],
}
},
watch:{
checkedValue:function(){
this.answer=[];
this.answer.push(this.checkedValue);
}
},
}
- checkbox 多选框
html
<div class="checkbox">
<form>
<label v-for="(item,index) in question_item.cand_item"><input class="border_w" type="checkbox" :value="index" v-model="checkedValue"/>{{item.text}} </label>
</form>
</div>
js
export default {
name:'checkbox',
data(){
return {
checkedValue:[],//一定必须是数组不能是字符串
answer:[],
}
},
watch:{
checkedValue:function(new_v,old_v){
this.answer=this.checkedValue;
}
},
}