Radio Button che modifica altri Radio Button

Printable View

11-10-2016, 10.16.08

Radio Button che modifica altri Radio Button

Buongiorno a tutti,

premesso che Javascript lo sto cominciando a conoscere da poco vorrei chiedervi come fare a far si che in una pagina dove sono presenti 4 differenti radio button (tutti con opzione si/no) nel momento in cui uno dei 4 venga settato sul SI automaticamente gli altri TRE diventino NO. Il codice, banale, è il seguente:

Codice:

<form action="#" method="post"> <table align="center" cellpadding="4"> <tr align="center"><td colspan="2">ABILITAZIONE</td></tr> <tr><td>LIVELLO 1</td><td align="center"><input type="radio" id="livello1-1" name="livello1" value="1">SI<input type="radio" id="livello1-2" name="livello1" value="0" checked>NO</td></tr> <tr><td>LIVELLO 2</td><td align="center"><input type="radio" id="livello2-1" name="livello2" value="1">SI<input type="radio" id="livello2-2" name="livello2" value="0" checked>NO</td></tr> <tr><td>LIVELLO 3</td><td align="center"><input type="radio" id="livello3-1" name="livello3" value="1">SI<input type="radio" id="livello3-2" name="livello3" value="0" checked>NO</td></tr> <tr><td>LIVELLO 4</td><td align="center"><input type="radio" id="livello4-1" name="livello4" value="1">SI<input type="radio" id="livello4-2" name="livello4" value="0" checked>NO</td></tr> <tr><td><input align="center" type="submit" value="REGISTRA" name="registra"></td></tr> </table></form>

Grazie in anticipo
11-10-2016, 17.03.42
karl94

Quello che descrivi è il normale comportamento di un radio button, non serve JavaScript per ottenerlo ma semplicemente assegnare al medesimo gruppo lo stesso valore per l'attributo name.
12-10-2016, 09.11.34

Citazione:

Originalmente inviato da karl94

Quello che descrivi è il normale comportamento di un radio button, non serve JavaScript per ottenerlo ma semplicemente assegnare al medesimo gruppo lo stesso valore per l'attributo name.

E' giusto quello che dici tu e lo so anche io ma in realtà ho semplificato l'esempio. In pratica 3 radio button possono essere selezionati anche contemporaneamente ma se clicco sul 4 mi deseleziona gli altri. In pratica mi interessava conoscere la logica JS per effettuare questo controllo. Cmq ho risolto. Grazie
13-10-2016, 01.03.11
darbula

Citazione:

Originalmente inviato da viaggiandointornoalmondo

3 radio button possono essere selezionati anche contemporaneamente ma se clicco sul 4 mi deseleziona gli altri. In pratica mi interessava conoscere la logica JS per effettuare questo controllo. Cmq ho risolto. Grazie

Se hanno lo stesso nome è ad uso esclusivo..in questo caso una scelta esclude l'altra.
Prima di javascript ci sta il markup della pagina (html,xhtml,xml ecc). http://www.diodati.org/w3c/html401/i...rms.html#radio
Inizialmente almeno uno dei radiocomandi deve essere acceso per compatibilità tra i browser (nel caso di piu radiocomandi che condividono lo stesso nome del gruppo solo uno deve essere selezionato altrimenti non può considerarsi html ma altro "markup alieno" ET telefono casa :lol: )