BBR

Korrekt

Parat til dokumentation

<form class="was-validated">
    <div class="form-check  is-required">
        <input type="radio" class="form-check-input" id="validationFormCheck2" name="radio-stacked" checked required>
        <label class="form-check-label" for="validationFormCheck2">Valg 1</label>
    </div>
    <div class="form-check mb-3">
        <input type="radio" class="form-check-input" id="validationFormCheck3" name="radio-stacked" required>
        <label class="form-check-label" for="validationFormCheck3">Valg 2</label>
        <div class="valid-feedback">
            Valgt
        </div>
    </div>
</form>
 
<form {{#if isInvalid}}class="was-validated" {{/if}}{{#if isValid}}class="was-validated" {{/if}}>
    <div class="form-check  {{#if isRequired}}is-required{{/if}}">
        <input type="radio" class="form-check-input" id="validationFormCheck2" name="radio-stacked" {{#if
            isChecked}}checked{{/if}} required>
        <label class="form-check-label" for="validationFormCheck2">{{radio1Label}}</label>
    </div>
    <div class="form-check mb-3">
        <input type="radio" class="form-check-input" id="validationFormCheck3" name="radio-stacked" required>
        <label class="form-check-label" for="validationFormCheck3">{{radio2Label}}</label>
        {{#if isInvalid}}
        <div class="invalid-feedback">
            {{validationMessage}}
        </div>
        {{/if}}
        {{#if isValid}}
        <div class="valid-feedback">
            {{validationMessage}}
        </div>
        {{/if}}
    </div>
</form>
 
{
  "radio1Label": "Valg 1",
  "radio2Label": "Valg 2",
  "validationMessage": "Valgt",
  "isChecked": true,
  "isValid": true,
  "isRequired": true
}