[JS] Checkbox selezionato aziona js

Ciao a tutti, io vorrei che se metto la V nel checkbox (data) allora interviene javascript e manda una condizione cioè se io l'ho selezionato allora nasconde il campo data, in alternativa se non lo è allora lo mostra (come di default). Solo che non mi riesce! =(

<script type="text/javascript">
function data() {
        if(add.data.checked) {
            document.getElementById("data").style.display = "none";
        }
        else {
            document.getElementById("data").style.display = "inline";
        }
    }
</script>

<form name="add">
<input type="text" size="80" id="data" name="data" /> <input type="checkbox" name="data" onClick="data();" value="def" /> Nascondi</td>
</form> 

Grazie mille, ciao Davide!! *___*

[acsocmel]

gli id devono essere univoci, tu lo hai usato uguale per due input diversi
dal punto di vista del js non saprei, forse gli apici singoli invece che doppi, boh

prova cosi....

<input type="text" size="80" id="campo1" name="campo1" >
<input name="checkimg" id="checkimg1" 
onclick="(this.checked)?document.getElementById('campo1').disabled=true:document.getElementById('campo1').disabled=false,document.getElementById('campo1').className='dati'" 
type="checkbox"> 

acsomel: No, non credo anche perché nella classe è specificato che solo su id=data va eseguita l'azione! XD
hotmailpower: Non funziona, ma grazie comunque!! xD

http://forum.html.it/forum/showthread/t-1260933.html

qui ci vuole l'ajax guardati qui il seocndo esempio fa al caso tuo :D