如何在Reactjs中選擇多個複選框
P粉950128819
P粉950128819 2024-04-06 18:55:21
0
1
499

我有一個選項列表,我想在其中選擇多個複選框,但無法做到這一點,這段程式碼有什麼問題?

沙箱網址

P粉950128819
P粉950128819

全部回覆(1)
P粉545218185

依照您的要求,您可以將handleCheckboxQuestionInput更改為:

const handleCheckboxQuestionInput = (e) => {
    const answer = e.target.value;
    setSelectedAnswers((prevAnswers) => {
      if(prevAnswers.includes(answer)) {
        return prevAnswers.filter(e => e !== answer)
      } else {
        return [...prevAnswers, answer]
      }
    });
  };

並在輸入元素處變更為:

 handleCheckboxQuestionInput(e)}
 />

希望對你有幫助

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板