在ReactJS中,可以通过以下步骤将选中的复选框的值存储在数组中:
const [selectedValues, setSelectedValues] = useState([]);
const handleCheckboxChange = (event) => {
const value = event.target.value;
if (event.target.checked) {
setSelectedValues([...selectedValues, value]);
} else {
setSelectedValues(selectedValues.filter((val) => val !== value));
}
};
<input
type="checkbox"
value={option.id}
onChange={handleCheckboxChange}
/>
这种方法适用于ReactJS中使用复选框的情况,无论是在表单中还是其他地方。它允许您动态地跟踪选中的复选框,并将其值存储在数组中供后续使用。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云