antdv 单选框 change
时间: 2023-09-26 14:14:18 浏览: 61
JS面向对象之单选框实现
antdv 的单选框(Radio)组件有一个 `onChange` 属性,可以通过它来监听单选框选项的变化。
具体用法如下:
1. 在组件的 `Radio.Group` 标签中设置 `onChange` 属性,值为一个回调函数。
2. 回调函数会接收一个参数,即当前选中的单选框的值。
3. 在回调函数中,你可以根据选中的值来更新组件的状态或执行其他操作。
示例代码如下:
```javascript
import { Radio } from 'antd';
function onChange(e) {
console.log(`radio checked:${e.target.value}`);
}
<Radio.Group onChange={onChange}>
<Radio value={1}>Option 1</Radio>
<Radio value={2}>Option 2</Radio>
<Radio value={3}>Option 3</Radio>
<Radio value={4}>Option 4</Radio>
</Radio.Group>;
```
在上述代码中,当用户选中单选框时,控制台会输出 `radio checked:xxx`,其中 `xxx` 是当前选中的单选框的值。你可以根据选中的值来更新组件的状态或执行其他操作。
阅读全文