Corsi on-line

Disabilitare una checkbox clickando su un radiobutton

Questa volta abbandoniamo le premesse e passiamo subito al codice (il titolo del post è abbastanza esaustivo); si immagini di avere in un form una checkbox come la seguente:

<input type="checkbox" name="field1" id="field1" />

ora immaginiamo di voler abilitare o disabilitare questa checkbox a seconda del fatto che sia stato selezionato o meno il seguente radiobutton:

<input type="radio" name="field2" id="field2-primaselezione" value="primaselezione" />

A questo scopo dovremo inserire tra i tag head della pagina la seguente funzione:

<script language="javascript">
function selezionaCheckbox(c) {
if (c.checked) {
c.form.field1.disabled = true;
} else {
c.form.field1.disabled = false;
 }
}
</script>

e modificheremo il codice del radiobutton sul modello del seguente listato:

<input type="radio" name="field2" id="field2-primaselezione" value="primaselezione" onclick="selezionaCheckbox(this);"  />

In questo modo la checkbox “field1” verrà disabilitata o meno a seconda dell’azione condotta sul radiobutton “field2”.

Post correlati
I più letti del mese
Tematiche