ReactJS 获取复选框值

在ReactJS中，获取复选框（Checkbox）的值相对简单，可以使用state来跟踪复选框的状态。下面是一个展示如何获取复选框值的示例代码。

import React, { useState } from 'react'

function Checkbox() {
  const [checkboxValue, setCheckboxValue] = useState(false)

  function handleCheckboxChange(event) {
    setCheckboxValue(event.target.checked)
  }

  return (
    <div>
      <input type="checkbox" checked={checkboxValue} onChange={handleCheckboxChange} />
      <p>Checkbox value: {checkboxValue.toString()}</p>
    </div>
  )
}

export default Checkbox

在上面的代码中，我们使用useState来存储复选框的当前状态（选中或未选中）。handleCheckboxChange函数则用于更新复选框的状态，并将其存储在state中。 在渲染复选框时，我们将checkboxValue属性设置为复选框的value，并将onChange事件处理程序设置为handleCheckboxChange函数。 这将使状态更新并将新值存储在state中。 最后，我们展示了checkboxValue的值，以便可以清楚地看到复选框的状态。

希望这个简短的例子能够帮助你理解如何在React中获取复选框的值。