Better Contact Form 7 Checkboxes & Radio Buttons

Posted on by

Last Updated on July 24, 2018 by Neil Murray

Article explains use of important options available for Checkboxes & Radio Buttons in Contact Form 7.

Include example of completed CF7 tag with option.

See http://contactform7.com/checkboxes-radio-buttons-and-menus/

Checkbox & Radio Button Tag Syntax

See http://contactform7.com/tag-syntax/#form_tag

Setting Default Options

default:(num) default:2
default:1_2_3 Pre-checked options. The integer following default: is the position in the order of items. 1 is the first one. If you want to make two or more items selected, joint integers with underbar (_), as default:1_2_3.

Make checkboxes exclusive

exclusive Make checkboxes exclusive. I mean, when you check a checkbox in a group, others are unchecked, so it accepts zero checked or one checked. This is a JavaScript gimmick, so requires JavaScript. Radio button doesn’t support this option.

Add other field to checkboxes & radio buttons

free_text Append a free input text field to last item.

Layout Options for Checkboxes and Radio Buttons

label_first By default, a checkbox or a radio button are put first, and a label last. By adding label_first option, you can reverse them.

See also http://contactform7.com/custom-layout-for-checkboxes-and-radio-buttons/