Use checkboxes when there is a list of options and the user may select any number of choices, including none, one or several.

Use radiobuttons when there is a list of two of more options that are mutually exclusive and the user must select exactly one choice.

The unselected, selected and hover state can be viewed by interacting with the above examples. In addition, next you can find examples for the disabled selected and disabled unselected state.