Multiple radio buttons in Likert array

Multiple radio buttons in Likert array

A popular style of multiple choice question is the Likert array, usually asking the user for a simple response to a statement.

A particular feature of Likert arrays is the ability to see an overall trend to a number of questions by lining the responses up in columns.

Sample

The construction brings together form tags covered individually elswhere.

<div class="likert">
  <span class="question">This is a likert scale fieldset. Likert scales can be arranged in columns of 3, 4 and 5 buttons.</span>
  <fieldset>
    <legend>A likert scale</legend>
    <label for="q10a"><input name="q10" id="q10a" value="1" type="radio">Strongly agree</label>
    <label for="q10b"><input name="q10" id="q10b" value="2" type="radio">Agree</label>
    <label for="q10c"><input name="q10" id="q10c" value="3" type="radio">Unsure</label>
    <label for="q10d"><input name="q10" id="q10d" value="4" type="radio">Disagree</label>
    <label for="q10e"><input name="q10" id="q10e" value="5" type="radio">Strongly disagree</label>
  </fieldset>
</div>

Example

Variations

Adding an extra classes (likert4, likert3) to the likert div arranges the radio buttons in 3 and 4 columns respectively.

<div class="likert likert3">