Buongiorno a tutti,

sto cercando di fare una funzione per dei controlli su un form.

Ho una serie di campi da inserire e un campo checkbox che deve indicare un "non applicabile".

In pratica se questo checkbox viene selezione (diventa true) gli altri campi devono diventare vuoti e invisibili. Ovviamente, se poi riclicco il campo e quindi diventa false, gli altri campi devono tornare visibili.


Ecco la funzione che ho pensato

codice:
<script LANGUAGE="JavaScript"> 
<!-- function ValidateForm(form)
{ if ( ( document.form1.ESRInval.checked=true ) ) 
{ document.form1.ESRDat.value='',
document.form1.ESRTime.value='',
document.form1.ESRND.checked=false,
document.form1.ESR.value='',
document.form1.ESRLOCF.checked=false,
document.getElementById('ESRDat').className='invisibile',
document.getElementById('ESRTime').className='invisibile',
document.getElementById('ESRND').className='invisibile',
document.getElementById('ESR').className='invisibile',
document.getElementById('ESRLOCF').className='invisibile' }; 

else 

{document.getElementById('ESRDat').className='none',
document.getElementById('ESRTime').className='none',
document.getElementById('ESRND').className='none',
document.getElementById('ESR').className='none',
document.getElementById('ESRLOCF').className='none' };

  } --> </script>
e questo il richiamo della funzione

codice:
<input name="ESRInval" type="checkbox" id="ESRInval" value="1" onClick="ValidateForm(this.form)" />

Il Codice in questione funziona quando seleziono il checkbox ESRInval. Infatti gli altri campi vengono "svuotati" e resi insisibili tramite css.

Il problema é che però il checkbox ESRInval, resta visibile, ma per qualche motivo non mi da la possibilità di deselezionarlo (e di conseguenza far riapparire gli altri campi)

Sapreste aiutarmi?

Grazie in anticipo