时间戳

首页 > 解决方案 > 如何编写条件以防止使用reactjs全选

reactjs - 如何编写条件以防止使用reactjs全选

问题描述

我创建了一个带有复选框的表格，我想限制复选框的选择。我可以在列表中检查最多 3 个，如果我检查超过 3 个，那么它应该显示它不应该超过 3。我已经为单个复选框条件完成了它，但不知道选择所有复选框条件。

任何人都可以帮我写一个选择所有复选框的条件，当我们选择整个数据时应该显示警报消息，除非我们选择 3 个项目。

Select all Function

SelectAll = (e) => {
        if (e.target.checked) {
            this.setState({ Studcheck: this.state.students})
        }
        else {
            this.setState({ Studcheck: [] })
        }
    }

谁能帮我写一个全选条件？

标签： reactjs

解决方案

您可以查看长度是否超过 3，然后您可能会显示警报消息，否则您可以分配状态您可以尝试使用此

    SelectAll = (e) => {
    if (e.target.checked) {
        if(this.state.students.length > 3){
            alert("should not exceed three")
        }
        else{
            this.setState({ Studcheck: this.state.students });
        }           
    }
    else {
        this.setState({ Studcheck: [] })
    }
}

推荐阅读