React 中单选框中的布尔值

Posted 2023-03-27

【中文标题】React 中单选框中的布尔值

【英文标题】：Boolean value in radiobox in React

【发布时间】：2021-08-26 13:32:43

【问题描述】：

我正在尝试获取复选框的值来发送我的请求。所以这是我的单选框，我正在获取值，但这些是字符串而不是布尔值。

<Form.Group className="radio">
                <Form.Label className="radio-subtitle">
                  Is it operable?" "
                </Form.Label>
                <div className="radio-check">
                  <Form.Check
                    type="radio"
                    label="Yes"
                    id="op-yes"
                    name="isItAvailable"
                    value="1"
                    onChange=handleChange("isItAvailable")
                  />
                  <Form.Check
                    type="radio"
                    label="No"
                    id="op-no"
                    name="isItAvailable"
                    value="0"
                    onChange=handleChange("isItAvailable")
                  />
                </div>
              </Form.Group>

所以我尝试将其转换为布尔值，但没有太大帮助。我认为即使是 0 或 1，因为每次返回 true 时都有一个值。

Boolean(inputs.isItAvailable),

所以我想知道是否有办法获得布尔值。谢谢...

【参考方案1】：

您可以将值设为 1 或 0 并使用 !!运算符将它们转换为布尔值：

!!0 为假，!!1 为真

【讨论】：

我不认为这是答案。首先在价值上，你不能给出“”之外的东西。如果你放 !!在里面，没关系，因为它已经是字符串了

我编辑了我的答案，因为它只适用于整数值。如果您从收音机 (valueFromRadio) 中获取值并将其分配给如下常量：零为假。我就是这个意思

当您在方法中处理更改时，您还可以传递该无线电的值：onChange=handleChange(true) 用于第一个无线电， onChange=handleChange(false) 用于第二个。