小程序怎样获取单选按钮的vaule

<radio-group class="radio-group" bindchange="radioChange">

<label class="radio" wx:for="{{k7}}" wx:key="index">

<radio value="{{item.arr_guige02}}" bindtap='radio' data-id="{{item.guige_key02}}" checked="{{item.checked}}"/>{{item.arr_guige02}}

</label>

</radio-group>

// 获取该组件的id

radio:function(e){

this.setData({

guige_key02: e.currentTarget.dataset.id

})

console.log(e.currentTarget.dataset.id)

},

// 获取用户选择的单选框的值

radioChange: function (e) {

this.setData({

arr_guige02: e.detail.value

})

console.log(e.detail.value)

},

1/18

点击搜索栏打开微信通讯录界面，界面选择搜索栏这一选项打开。

2/18

打开腾讯投票搜索栏输入投票，界面显示小程序腾讯投票，点击打开腾讯投票。

3/18

打开单选投票翻转进入腾讯投票界面，界面选择单选投票选项打开。

4/18

点击登录翻转进入创建单选投票界面，界面点击登录，以保证各项功能正常使用。

5/18

点击允许界面显示获取你的昵称、头像窗口，点击允许这一选项。

6/18

输入标题翻转进入创建单选投票界面，输入你的投票标题，输入补充描述。

7/18

点击完成输入你的单选投票选项，点击完成这一选项，完成单选投票的创建。

8/18

点击转发翻转界面选择分享图标点击打开，菜单栏点击转发这一选项。

9/18

点击群聊翻转进入选择一个聊天界面，界面点击你要转发的群聊。

10/18

点击发送界面显示发送给窗口，点击发送，即可 *** 作完成小程序单选投票。

方法/步骤

打开微信小程序开发工具，打开已新建的或新建一个项目

请点击输入图片描述

新建一个页面文件wxml，插入一个radio-group，然后内嵌四个radio

请点击输入图片描述

保存代码并查看左侧模拟器，可以查看到一组单选按钮

请点击输入图片描述

在对应页面的JS文件中，定义单选按钮组change事件changeJa

请点击输入图片描述

保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果

请点击输入图片描述

下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类

请点击输入图片描述

再次保存代码并查看左侧模拟器，可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

---