如何在reactjs中取消选中复选框清空值？

【问题标题】：how to empty value on unchecking checkbox in reactjs?如何在reactjs中取消选中复选框清空值？
【发布时间】：2019-09-08 18:32:55
【问题描述】：

我是 reactjs 新手。我创建了下面的代码来制作复选框并获取复选框的值。但是在取消选中复选框时，我仍然得到了价值。如何删除取消选中复选框的值。请帮忙。

下面是html

<input onChange={(event)=>this.getCheckboxValue(event)} type='checkbox' value={item.title}/>

下面是函数

 getCheckboxValue(event) {
   console.log(event.target.value)
 }

【问题讨论】：

【解决方案1】：

复选框的值不会改变。除了值 (event.target.value) 之外，您还对它是否被检查 (event.target.checked) 感兴趣。

<input onChange={this.onChange} type='checkbox' value={item.title}/>

onChange = (event) => {
  const {checked, value} = event.target;
  if (checked) {
    // do something with value
  }
}

【讨论】：

是的..知道了..但我还需要获取选中元素的值
@SagarKodte 获取价值是什么意思？你能说得更具体点吗？
有 value={item.title} 我需要在选中时获取它，如果未选中它应该为空白
我已经完成了 this.setState({checked:value}) console.log(this.state.checked) this.but 在第一次检查时 m 变空了