0

我正在使用React Bootstrap Check Form。我正在使用表单复选框来捕获输入值。我想在反应状态变量中获取有关复选框的信息。我希望e.target.valueofonClick将打印复选框的当前状态，即它是打开还是关闭（无论是否选中）。但这不会发生。当我多次切换复选框按钮时，即使复选框已关闭，其值e.target.value仍保持为。on

             <Form.Group>
                  <Form.Check type={"checkbox"}>
                    <Form.Check.Input
                      type={"checkbox"}
                      defaultChecked={true}
                      onClick={(e) => {
                        console.log(e.target.value);
                      }}
                    />
                    <Form.Check.Label>Awesome checkbox here..</Form.Check.Label>
                  </Form.Check>
                </Form.Group>

如何在 React 端逻辑中获取复选框是否被选中的状态？

4

1 回答 1

1

您可以使用访问复选框值e.target.checked

             <Form.Group>
              <Form.Check type={"checkbox"}>
                <Form.Check.Input
                  type={"checkbox"}
                  defaultChecked={true}
                  onClick={(e) => {
                    console.log(e.target.checked);
                  }}
                />
                <Form.Check.Label>Awesome checkbox here..</Form.Check.Label>
              </Form.Check>
            </Form.Group>
于 2021-10-04T20:27:08.627 回答