<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2.0/npm/[email protected]/lib/index.css">
<script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script>
<script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js"></script>
<script src="https://cdn.suoluomei.com/common/js2.0/npm/[email protected]/lib/vant.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
<div id="Vue">
<div v-for="item in list">
<p>{{item.title}}</p>
<van-radio-group v-model="item.val" v-for="val in item.ridio">
<van-radio :name="val.name">{{val.title}}</van-radio>
</van-radio-group>
</div>
<button @click="huoqu">
获取选中的值
</button>
</div>
</body>
<script>
new Vue({
el:"#Vue",
data:{
list:[
{
title:"我是你爷爷",
val:[],
id:2,
ridio:[
{
name:"a",
title:'选项一'
},
{
name:"b",
title:'选项二'
}
]
},
{
title:"我是你爸爸",
val:[],
id:3,
ridio:[
{
name:"a",
title:'选项一'
},
{
name:"b",
title:'选项二'
}
]
}
],
radio: ''
},
methods:{
huoqu(){
let bbb = {}
for (let i in this.list){
console.log(this.list[i].id)
let asc = this.list[i].id
bbb[asc]=this.list[i].val.toString()
}
console.log(bbb)
}
},
created(){
}
})
</script>
</html>
单选框并获取值
猜你喜欢
转载自blog.csdn.net/hql1024/article/details/103633214
今日推荐
周排行