Champ de formulaire utilisé pour sélectionner une ou plusieurs valeurs dans la liste.
Documentation : Figma
Langage: HTML
<div role="group" aria-labelledby="legend_845543545">
<div class="legend-container">
<p class="form-legend" id="legend_845543545">Légende du groupe<span class="sr-only">, Plusieurs choix possibles</span></p><button class="btn-ratio-square btn btn-help" id="button_602093921" data-ft-modal-toggle="id-de-la-fenetre-modale" type="button" data-ft-tooltip="Aide à propos de "Libellé de l'élément"" data-ft-vocalize="false">
<span aria-hidden="true" class="icon icon-question"></span>
<span class="sr-only">Aide à propos de "Libellé de l'élément"</span>
</button>
<p aria-hidden="true" class="help-block">
Plusieurs choix possibles
</p>
</div>
<div class="form-check with-checked-bg">
<input class="form-check-input" id="form-checkbox_261976502" name="form-checkbox_625963616" type="checkbox" value="checkbox-value_37299482">
<label class="form-check-label" for="form-checkbox_261976502">
Choix 1</label>
</div>
<div class="form-check with-checked-bg">
<input class="form-check-input" id="form-checkbox_254133825" name="form-checkbox_625963616" type="checkbox" value="checkbox-value_733614558">
<label class="form-check-label" for="form-checkbox_254133825">
Choix 2</label>
</div>
</div> // L'aperçu n'est pas disponible pour les dépendances externes
window.addEventListener('load', function () {
/**
* Désactivation du clic sur les input disabled
*/
// On liste les input disabled
const disabledInputs = document.querySelectorAll('[aria-disabled="true"]');
for (const input of disabledInputs) {
// Pour chaque input on empêche le click
input.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
});
// Pour chaque label associé, on empêche le click
const label = document.querySelector('[for="' + input.id + '"]');
if (label) {
document.querySelector('[for="' + input.id + '"]').addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
});
}
}
});