小程序怎么radio选中事件

时间:2025-01-27 00:51:18 单机游戏

在微信小程序中,使用``和``标签可以实现单选框的功能,并且可以通过绑定`change`事件来监听单选框的选中状态。以下是一个简单的示例:

WXML部分

```xml

您选中的是: {{gender}}

```

JS部分

```javascript

Page({

data: {

gender: ''

},

radioChange(e) {

const selectedValue = e.detail.value;

this.setData({

gender: selectedValue

});

}

});

```

解释

WXML部分

``标签用于包裹多个``标签,并定义了一个`bindchange`事件,当单选框选中状态发生变化时,会触发`radioChange`函数。

``标签的`value`属性用于标识该单选框的值,`checked`属性用于设置默认是否选中,`disabled`属性用于设置是否禁用。

JS部分

`data`对象中定义了一个`gender`属性,用于存储选中的单选框的值。

`radioChange`函数接收一个事件对象`e`,通过`e.detail.value`获取选中的单选框的值,并更新`data`中的`gender`属性。

通过这种方式,你可以实现一个简单的单选框,并在选中状态发生变化时显示选中的值。