TreeView Demo: Checkboxes and Radio Buttons for a Form

The layout used for this demo is just one of the many possible combinations of Treeview settings.
Among te types of things you can change are:

  • Use a frameless layout

  • Have the nodes in the tree link to Web pages

  • Display folder and document icons

  • Activate highlighting for the current selection

See the other TreeView demos for more ideas.

Make your check box and radio button selections in the left frame and then click the “Get Values”
button. The options you select are shown in this frame. Notice that the Hour group in the tree
contains radio buttons; only one can be pressed at a time.

Days selected:

Time selected:

Instructions for configuring the TreeView script to show checkboxes are provided in the
demoCheckbox*.* source files that are in the free download.

Note: This demo runs on IE4+, Mozilla 0.9+, and NS6+.
NS4.* handles all the other Treeview demos, but does not support the dynamic creation of
form elements used by this checkbox tree. Opera 7 also runs correctly all configurations
of the regular Treeview but has one problem with the checkbox demo: it cannot query form
elements that are not visible (closed branches).