微信小程序radio在不在同一个view如何单选

小程序”实质上是基于公众平台的一种应用号，和订阅号、服务号一样是为组织用户提供服务的。从一定程度上可以将“小程序”理解为简化版的应用，而希望通过“小程序”的推出，建立起以为核心的类似于AppStore的生态系统。微信小程序radio在不在同一个view如何单选

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

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

<radio value="{{itemarr_guige02}}" bindtap='radio' data-id="{{itemguige_key02}}" checked="{{itemchecked}}"/>{{itemarr_guige02}}

</label>

</radio-group>

// 获取该组件的id

radio:function(e){

thissetData({

guige_key02: ecurrentTargetdatasetid

})

consolelog(ecurrentTargetdatasetid)

},

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

radioChange: function (e) {

thissetData({

arr_guige02: edetailvalue

})

consolelog(edetailvalue)

},

微信小程序开发工具。

打开微信小程序开发工具，打开已新建的或新建一个项目，新建一个页面文件wxml，插入一个radiogroup，然后内嵌四个radio，保存代码并查看左侧模拟器，可以查看到一组单选按钮在对应页面的JS文件中。

定义单选按钮组change事件changeJa保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果，下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类再次保存代码并查看左侧模拟器，可以看到单选按钮样式变成了按钮的样式，点击即可单选只保存留下一个小程序。

有两种获取方法：

1 在所有单选按钮组外边套一个 form 组件，并且加一个包含属性 formType="submit" 的

button 按钮，每组单选按钮的 name 使用你的 data-index，选择完闭后点击按钮，在

bindsubmit 绑定的方法中可以获取到所有值：

formSubmit(event) {

const values = eventdetailvalue;

const result = Objectkeys(values)sort()map(key => values[key]);

consolelog(result); // 此时的 result 就是一个按顺序(name)排序的

}

2 使用 radio-group 的 bindchange，设置值时用 data-index 确定位置。

以上就是关于微信小程序radio在不在同一个view如何单选全部的内容，包括:微信小程序radio在不在同一个view如何单选、小程序怎样获取单选按钮的vaule、微信小程序怎么只留一个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！