Javascript: controllare se un radio button è spuntato.

Loading

Vediamo una semplice funzione javascript che ci consente di controllare se un radio button è spuntato.

Questa funzione prende come pametro l’oggetto radio da analizzare e ritorna true se uno dei radio button è spuntato altrimenti ritorna false.
La modifica per passare il nome del radio non è difficile, basta utilizzare il metodo javascript getElementsByName() .

Il codice è il seguente:
 
 
 

function radioChecked(radioObj) {
	if(!radioObj)
		return false;
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			return true;
		else
			return false;
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			return true;
		}
	}
	return false;
}

Come detto questa funzione va chiamata passando come parametro l’oggetto radio da controllare, ecco un esempio di funzionamento:

<form action="" name="form1">
    <input name="rd1" type="radio" value="1"> 
    <input name="rd1" type="radio" value="2"> 
   	<input name="rd1" type="radio" value="3">
    <input type="button" value="controlla" onClick="radioChecked(document.form1.rd1)">
</form>

Come detto per la funzione prende come parametro l’oggetto sul quale deve operare, per questo la chiamata prende come parametro document.form1.rd1
che è il percorso dom dei radio sui quali vogliamo lavorare.

In questo esempio non vedremo nulla sullo schermo visto che sitamo solamente ritornado un valore true o false, ma se sostituiamo la riga del button con il codice seguente:

<input type="button" value="controlla" onClick="alert(radioChecked(document.form1.rd1))">

apparirà una finstrella a video che ci mostrerà il risultato della funzione.