<input className="form-control"
type="text"
/>
<input type="button" onClick={()=>clickHandle()}/>
When I click the button, I want to change the check property of the checkbox. But the checked property or defaultChecked properties do not work in this regard. What can I do about it?
As far as I understand, you want the status of the checkbox to change when the button is clicked.
If I understood correctly, this is probably what you wanted.
export default function App() {
const [chkValue, setChkValue] = useState(false);
return (
<div className="App">
<input className="form-control" type="checkbox" checked={chkValue}/>
<input type="button" value="click" onClick={()=>setChkValue(!chkValue)} />
</div>
);
}
You have a type text input and a type button input. There is no checkbox there. You'd need a type checkbox input and then try this answer How to set default Checked in checkbox ReactJS?
Edit:
Wrong link for setting checked value. The link explains how to set the default. This code snippet has an example of setting a checkbox value dynamically.
