# Example: Selection and Checkboxes

Use different select modes for the tree and distinct nodes.

Skin:

This tree has checkoxes and selectMode 1 (single-selection) enabled.
The checkbox icons are replaced by radio buttons by adding the `tree.checkbox: "radio"` option.

Active node: -
Selection: -

This tree has selectMode 2 (multi-selection) enabled.
Node `n3` uses the 'radiogroup' option and hides the checkbox.

Select all - Deselect all

Selected keys: -

This tree has checkoxes and selectMode 3 (hierarchical multi-selection) enabled.
Node `n3` features different variations of the `unselectable` mode.

Select all - Deselect all

Selected keys: -
Selected root keys: -

jquery.fancytree.js project home Link to this page Example Browser View source code