DSO Component Library

Horizontal Group Radios 

<fieldset class="form-group radios">
    <legend class="control-label">Oneven getal</legend>
    <div class="field-container">
        <div class="radio">
            <label>
          <input type="radio" name="radio_voorbeeld" value="1"
            
            
             />
          een
        </label>
        </div>
        <div class="radio">
            <label>
          <input type="radio" name="radio_voorbeeld" value="2"
            
            
             />
          twee
        </label>
        </div>
        <div class="radio">
            <label>
          <input type="radio" name="radio_voorbeeld" value="3"
            
            
             />
          drie
        </label>
        </div>
        <p class="help-block" id="helpTextId_radio_voorbeeld">Kies een oneven getal</p>
    </div>
</fieldset>
 
<fieldset class="form-group radios">
  <legend class="control-label">{{ label }}</legend>
  <div class="field-container">
    {{#each options }}
      <div class="radio">
        <label>
          <input type="radio" name="{{ ../id }}" value="{{ value }}"
            {{{ifattr 'disabled' disabled }}}
            {{{ifattr 'readonly' readonly }}}
            {{{ifattr 'checked' checked }}} />
          {{ label }}
        </label>
      </div>
    {{/each}}
    {{#if helpText }}
      {{> '@help-block' }}
    {{/if}}
  </div>
</fieldset>
 
id: radio_voorbeeld
label: Oneven getal
helpText: Kies een oneven getal
options:
  - value: 1
    label: een
  - value: 2
    label: twee
  - value: 3
    label: drie

There are no notes for this item.