ant design form下用checkbox

最新推荐文章于 2024-03-06 10:33:12 发布

weixin_30449453

最新推荐文章于 2024-03-06 10:33:12 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/faker2014/p/9296128.html

本文介绍了一个使用AntDesign框架实现的表单Checkbox组示例，展示了如何通过JavaScript处理表单数据，并实现了对“申请原因”字段的动态加载与验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

if (null != editDataSource.quitReason) {
    quitReason = JSON.parse(editDataSource.quitReason);
}

<FormItem
    label="申请原因:">
    {getFieldDecorator("quitReason", {
        initialValue: quitReason,
        rules: [{
            required: true, message: '请选择申请原因',
        }]
    })(
        <CheckboxGroup onChange={this.handCheckQuitReason} options={[{value:"退网", label: '退网'},
            {value:"其他原因:", label: '其他原因'}]}/>
    )}
</FormItem>