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.