Here s something that should get you started - this is all based on the assumption that there are only 3 checkboxes on your whole page and that you re interested in all of them - you ll want to make a method like this respond to your checkbox elements onclick events - i ve found that to be more reliable than onchange

When settting the checked state programatically the onchange handler never fires in those browsers;i concur with pointy that onclick is a better way to handle checkboxes if you want to avoid surprises

Internet explorer only fires the onchange event when the checkbox loses the focus onblur;so onclick is more of a cross browser solution

You need to assign the click event to card like check this answer for more details applying classname onclick onchange not working on custom react component in general if you need to pass on all the props passed from parents you can use the following syntax destructuring all the props would ensure that the props are passed and this you won t need to do it manually for each prop;onclick needs a function the way you are using it you are assigining the returned value of imageselected to onclick which isn t a function and thus on every render it is executed

Checkbox onchange should be more meaningful than onclick