single checkbox select in react

DevEmdad answered on October 19, 2022 Popularity 9/10 Helpfulness 4/10

answer single checkbox select in react

single checkbox select in react

Comment

const [isChecked, setIsChecked] = useState(false);
    
    const handleAllChecked = (e) =>{
        if (e.target.checked) {
            setIsChecked(true);
        }
        else{
            setIsChecked(false);
        }
    }
    
    // HTML code checkbox 
 <input
	onChange={(e) => {
	// add to list
	if (e.target.checked) {
		setFlatId([...flatId, e.target.value]);
	} 
    else {
		// remove from list
		setFlatId(flatId.filter((unChecked) => unChecked !== e.target.value));
		}
	}}
	defaultChecked={isChecked}
	value={flat.id}
	type="checkbox"
 />

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: checkbox javascript select

Link to this answer
Share Copy Link

Contributed on Oct 19 2022

DevEmdad

0 Answers Avg Quality 2/10

single checkbox select in react

Contents

More Related Answers

single checkbox select in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.