表单checkbox非多选,给一个空数组添加元素,如果有就删除这一项,如果没有就添加这一项

“`
//主要逻辑

HandleToggleChooseDeveloper = e => {

    console.log('getuserID', e.target.getAttribute('user-id'))
    let Node = e.target
    let Id = Node.getAttribute('user-id')
    let choose = Node.getAttribute('choose')
    if(Node.style.backgroundColor == 'orange') {

        Node.style.backgroundColor = '#ccc'
        Node.setAttribute('choose', 'false')

    } else {

        Node.style.backgroundColor = 'orange'
        Node.setAttribute('choose', 'true')

    }
    const { developers } = this.state

    this.setState({
        developers: developers.concat({ userId: Id })
    })

    if(choose === 'false') {

        this.setState({
            developers: developers.concat({ userId: Id })
        })

    } else if(choose === 'true') {

        this.setState({
            developers: developers.filter(item => {

                return item.userId !== Id

            })
        })

    }

}

// render开发人员选项

renderPersonThumbnail = data => {
    const { activePro, choose } = this.state
    return (
        data &&
        data.map((item, i) => {
            return (
                <li
                    className={'relate-person-item'}
                    key={i}
                    user-id={item}
                    onClick={this.HandleToggleChooseDeveloper}
                    choose={`${choose}`}
                />
            )
        })
    )
}
```
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值