Cambiare Checkbox con Radiobutton

[antoedp]

Salve

Ho realizzato uno script con che al click su una checkbox mi fa visualizzare automaticamente dei campi di inserimento !

vorrei impostare questo con due radiobutton dove al click sul si mi fa visualizzare i campi e su no me li fa sparire!

if (f.checked){
(document.getElementById("rag_soc2").style.visibil ity = "visible");
(document.getElementById("txt_rag_soc2").style.vis ibility ="visible");
} else {
(document.getElementById("rag_soc2").style.visibil ity = "hidden");
(document.getElementById("txt_rag_soc2").style.vis ibility = "hidden");
}
}
</script>

<input type="checkbox" name="checkbox" value="checkbox" onClick="controlla(this)">

<div align="right" id="txt_rag_soc2" style="visibility:hidden;">* Ragione Sociale:</div>
<input type="text" class="input" name="rag_soc2" size="45" axlength="50" id="rag_soc2" style="visibility:hidden;">

[willybit]

Ciao antoedp,

potresti fare accussì

function controlla(f)
  if (f.value=='si'){ 
    document.getElementById("rag_soc2").style.visibility="visible"; 
    document.getElementById("txt_rag_soc2").style.visibility="visible"; 
  }else{ 
    document.getElementById("rag_soc2").style.visibility="hidden"; 
    document.getElementById("txt_rag_soc2").style.visibility="hidden"; 
  } 
} 
</script> 

<input type="radio" name="NomeRadio" value="si" onClick="controlla(this)"> 
<input type="radio" name="NomeRadio" value="no" onClick="controlla(this)">

[antoedp]

visto che ci siamo ma questa del radio button vale anche nel caso in cui voglia utilizzare una combobox?

[willybit]

Originariamente inviato da antoedp
visto che ci siamo ma questa del radio button vale anche nel caso in cui voglia utilizzare una combobox?

:quote: una combobox???? Io per combobox intendo

<select name="NomeCombo">
  <option value="si">Sì</option>
  <option value="no">No</option>
</select>

tu cosa intendi? Comunque checkbox,radio e combobox sono 3 cose differenti :gren:

[antoedp]

esatto se voglio impostarlo con una combobox

[willybit]

Potrebbe anche funzionare... ma non su tutti i browser.
La sintassi corretta sarebbe

function controlla(f)
  if (f.options[f.selectedIndex].value=='si'){ 
    document.getElementById("rag_soc2").style.visibility="visible"; 
    document.getElementById("txt_rag_soc2").style.visibility="visible"; 
  }else{ 
    document.getElementById("rag_soc2").style.visibility="hidden"; 
    document.getElementById("txt_rag_soc2").style.visibility="hidden"; 
  } 
} 
</script> 

<select name="NomeCombo" onchange="controlla(this)">
  <option value="si">Sì</option>
  <option value="no">No</option>
</select>

[willybit]

comunque adesso che guardo il codice vedo che è ottimizzato per IE quindi puoi tenere anche la funzione di prima che funzia!

[antoedp]

ok