admin 管理员组

文章数量: 887006

checkbox选择失效问题

问题介绍:有时候我们点击复选框,但是他的状态并没有发生改变。如果你感觉和你的问题相似,请接着往下看。

问题核心:首先,我们要明确一个问题,复选框是否选中和你是不是点击复选框没多大的关系。说到这又得同学就不是很认同了,没错默认的复选框是通过点击实现复选框的状态的改变的。但这是XX帮我们维护checked这个变量的值

结论:复选框的状态checked的值决定的。
我们遇到问题:大多是在复选框的checked的值由一个变量控制的时候,比如全选的情况下

<input onChange={this.handleCheckAll} type="checkbox" checked={(doneCount === total && total !== 0) ? true : false} />

checked={(doneCount === total && total !== 0) ? true : false}
很多时候我们直接打印而复选框的状态一直不发生改变,
是因为doneCount === total && total !== 0) ? true : false没有改变

本文标签: checkbox选择失效问题