需求
checkbox多选框最多选中两个,选中两个后其余选项置灰;取消一个或两个选项后,所有项可选。
在网上找了一下,有这个需求但是没有实现,于是这里重写了一下,方便以后使用。
操作
1、选中一个选项
2、选中两个选项,此时已选两项,未选项置灰
3、取消一个选项,此时所有选项可选
代码
/**
* checkout多选,最多选中两个,其余选项不可点击;取消选中后的项,所有选项可点击
*/
import React, {
Component } from 'react';
import {
Checkbox } from 'antd';
import './index.scss';
class MyCheckbox extends Component {
constructor(props) {
super(props);
this.state = {
options: [