javascript 如何在Reactjs中选择多个复选框[关闭]

t1qtbnec  于 2023-06-04  发布在  Java
关注(0)|答案(1)|浏览(590)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
15小时前关门了。
Improve this question
我有一个选项列表,我想选择多个复选框,但不能这样做,这段代码有什么问题?
Sandbox URL

qco9c6ql

qco9c6ql1#

根据您的要求,您可以将handleCheckboxQuestionInput更改为:

  1. const handleCheckboxQuestionInput = (e) => {
  2. const answer = e.target.value;
  3. setSelectedAnswers((prevAnswers) => {
  4. if(prevAnswers.includes(answer)) {
  5. return prevAnswers.filter(e => e !== answer)
  6. } else {
  7. return [...prevAnswers, answer]
  8. }
  9. });
  10. };

并且在输入元素处改变为:

  1. <input
  2. type="checkbox"
  3. name={currentQuestion}
  4. value={option}
  5. key={i}
  6. checked={selectedAnswers.includes(option)}
  7. onChange={(e) => handleCheckboxQuestionInput(e)}
  8. />

希望能帮到你

展开查看全部

相关问题