i have tried already to assign the checkbox checked=true so the btn works. i also tried to get to the value of the checkbox either from the e.target.value/checked but also no good came from it. if someone can help me i will be most greatful. thanks a lot here is the code:
here is the checkbox element:
<label key={uuidv4()}>
<span>{masters[index].free_text}</span>
<input
type="checkBox"
name={masters[index].name}
id={masters[index].name}
checked={false}
required={masters[index].required}
// value={inputsAdContent.name?"true":"false"}
onChange={handleChangeAdContent}
/>
</label>
when the element is looking like this i get false at all times and it doesnt change
<label key={uuidv4()}>
<span>{masters[index].free_text}</span>
<input
type="checkBox"
name={masters[index].name}
id={masters[index].name}
required={masters[index].required}
value={inputsAdContent.name==="true" ? "true" : "false"}
onChange={handleChangeAdContent}
/>
</label>
and here is the onChange:
<label key={uuidv4()}>
<span>{masters[index].free_text}</span>
<input
type="checkBox"
name={masters[index].name}
id={masters[index].name}
required={masters[index].required}
value={inputsAdContent.name==="true" ? "true" : "false"}
onChange={handleChangeAdContent}
/>
</label>
at the console i get this msg:
air_conditioner: "on"
this is the state i'm using:
const [inputsAdContent, setInputsAdContent] = useState({});
thank you all very much!!!