如何使用 onChange 验证复选框？答案

【问题标题】：How to Validate checkbox with onChange?如何使用 onChange 验证复选框？
【发布时间】：2021-10-05 22:22:51
【问题描述】：

这是我的代码

function EmailForm() {

  const [emailResult, getEmailResult] = useState(null)
  const [data, setData] = useState({
    title: "",
    from: "",
    fromemail: "",
    subject: "",
    description: "",
    isActive: false
  });


  function handle(e) {
    const newdata = { ...data }
    newdata[e.target.id] = e.target.value
    setData(newdata)
    console.log(e.target.value);
  }

这是复选框代码，我应该进行哪些更改，以便数据真/假反映在我的控制台或 sql 中

          <div className="form-check">
          <input type="checkbox" name="isActive" onChange={(e) => handle(e)} checked= 
          {data.isActive} />
          <label>IsActive</label>
          </div>

【问题讨论】：

您好，只是指出最好编写摘要标题，也许将其更改为“如何使用 onchange 验证复选框”或类似的东西。

标签： javascript jquery reactjs forms validation

【解决方案1】：

复选框具有checked 属性。在您的处理程序中，您可以检查您正在处理的输入类型并相应地处理状态更改。

function handle(e) {
    const newdata = { ...data };
    newdata[e.target.id] = e.target.type === 'checkbox' ? e.target.checked : e.target.value;
    setData(newdata);
    console.log(e.target.value);
  }

【讨论】：