Skip to main content
Version: 5.2 (Current)

Checkboxes Form Field

The checkboxes form field type provides a set of checkboxes.

  • type (mandatory) must be checkboxes.
  • name (mandatory) is the unique name of the field.
  • label (mandatory) (translatable) is the field html label.
  • option (mandatory) contains a checkbox definition.
  • checkedOptions (optional) is a comma separated list of checked checkboxes value.
  • description (optional) (translatable) is the field description.
  • class (optional) allows you set a css class for display.
  • multiple (optional) if set to true allows multiple items to be selected at the same time. Set to false to allow single selection.

Implemented by: libraries/src/Form/Field/CheckboxesField.php

Example XML parameter definition​

<field 
        name="toppings" 
        type="checkboxes">
        <option value="anch">Anchovies</option>
        <option value="chor">Chorizo</option>
        <option value="on">Onions</option>
        <option value="mush">Mushrooms</option>
</field>
warning

Unlike most standard form field types, such as textfield or checkbox, this field is not an "out of the box" solution. It will create checkboxes for you, and submit their values in form of an array, but you will need to do further work to store the returned data in the database.

Example:

<field
        name="toppings"
        type="checkboxes">
        <option value="anch">Anchovies</option>
        <option value="chor">Chorizo</option>
        <option value="on">Onions</option>
        <option value="mush">Mushrooms</option>
</field>

The set of checkboxes can be generated in your form with a single statement like this:

<?php echo $this->form->getInput('toppings'); ?>

This will generate the following HTML, which can be styled using CSS:

<fieldset id="jform_toppings" class="checkboxes">
	<ul>
		<li><input type="checkbox" id="jform_toppings0"
			name="jform[toppings][]" value="anch" /><label for="jform_toppings0">Anchovies</label></li>
		<li><input type="checkbox" id="jform_toppings1"
			name="jform[toppings][]" value="chor" /><label for="jform_toppings1">Chorizo</label></li>
		<li><input type="checkbox" id="jform_toppings2"
			name="jform[toppings][]" value="on" /><label for="jform_toppings2">Onions</label></li>
		<li><input type="checkbox" id="jform_toppings3"
			name="jform[toppings][]" value="mush" /><label for="jform_toppings3">Mushrooms</label></li>
	</ul>
</fieldset>

If the user checks the second and fourth item and submits the form, the Joomla server will provide the following result:

print_r(JRequest::getVar('jform')['toppings']) =>

Array
(
    [0] => chor
    [1] => mush
)