Skip to main content

Radio buttons

Per fare in modo che il click su uno dei radio button provochi la deselezione automatica degli altri, è necessario che i radio button siano contenuti in un div con classe form-group e che l’attributo name di ognuno dei tag input sia lo stesso (nell’esempio riportato “gruppo2” ).

<div class="row">
  <div class="form-group  col-md-3 col-lg-2">
    <label for="gruppo2">Cittadinanza:</label>
  </div>
  <div class="form-group col">
    <div class="form-check form-check-inline">
      <input name="gruppo2" type="radio" id="radio4" checked>
      <label for="radio4">Italiana</label>
    </div>
    <div class="form-check form-check-inline">
      <input name="gruppo2" type="radio" id="radio5">
      <label for="radio5">Straniera UE</label>
    </div>
    <div class="form-check form-check-inline">
      <input name="gruppo2" type="radio" id="radio6">
      <label for="radio6">Extra UE</label>
    </div>
  </div> 
</div>

Riferimenti

Il contenuto di questa pagina si riferisce ai seguenti punti della Documentazione Tecnica:

Questo sito utilizza cookie tecnici, analytics e di terze parti.
Proseguendo nella navigazione accetti l’utilizzo dei cookie.

Privacy policy