ciao a tutti.
Ho piccolo problema con javascript.. in pratica ho n checkbox con accanto una select disabilitata. Quando un checkbox e' checked si deve disabilitare e viceversa.
Questo vale per ogni checkbox e select associata.
Io al checkbox passo un id.
Potete aiutarmi a creare la funzione .
Grazie infinite in anticipo.
Metti la pagina online, oppure posta il sorgente qui (senza codice php/asp) cioè come la riceve il browser, cosi si sviluppa qualcosa direttamente nella pagina finale.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Ciao... grazie mille , ma ho risolto...
lunedi metto on line la soluzione cosi magari puo servire a qualcuno
ciao
ciao,
mi daresti il codice da te scritto? oppure una mano con il mio?
io ho un problema analogo al tuo: un checkbox deve abilitare e disabilitare un div attraverso la proprietà display, io ho provato il seguente codice (richiamato da onclick="mostraInvia()"), ma non funziona!
function mostraInvia() {
if (document.form.privacy.checked == true)
{
document.getElementById(inviaform).style.display=' inline';
}
else {
document.getElementById(inviaform).style.display=' none';
}
}
privacy è il nome e l'id del checkbox nel documento e inviaform è il div che deve apparire e scomparire relativamente allo stato del checkbox.
grazie.
Ciao ... lho cambiato tantissimo perche e' un po complicato...
cmq hai provato a mettere block invece di inline?
inviaform e' un a variabile?
prova e fammi sapere
se vuoi fammi vedere anche l html
if (document.form.privacy.checked == true)
{
document.getElementById(inviaform).style.display=' block';
}
else {
document.getElementById(inviaform).style.display=' none';
}
}
questo è l'html, inviaform è il div che contiene il pulsante submit che deve comparire soltanto se la checkbox è spuntata:
<input name="privacy" type="checkbox" id="privacy" value="" onclick="mostraInvia();" /> Ho letto e accetto l'informativa sulla privacy*</p>
* Campi obbligatori</p>
<div class="inviaform" id="inviaform">
<input name="invia" type="submit" is="send" onclick="MM_validateForm('nome','','R','email','', 'RisEmail','messaggio','','R');return document.MM_returnValue" value="Invia" /></p></div>
questo il codice javascript contenuto in un file collegato all'html:
function mostraInvia() {
if (document.form.privacy.checked == true)
{
document.getElementById(inviaform).style.display=' block';
}
else {
document.getElementById(inviaform).style.display=' none';
}
}
<div class="inviaform" id="inviaform" style="display:none">
prova a inserire display none... perche poi nel mostrainvia fai un display block
ciao
scusa, mi ero dimenticato di aggiungere che nel file css allegato definisco display:none.
continua non funzionare!
<html>
<body>
<script>
function mostraInvia() {
if (document.form.privacy.checked)
{
document.getElementById("inviaform").style.display ='block';
}
else {
document.getElementById("inviaform").style.display ='none';
}
}
</script>
<form name="form">
<input name="privacy" type="checkbox" id="privacy" value="" onclick="mostraInvia();" /> Ho letto e accetto
l'informativa sulla privacy*</p>
* Campi obbligatori</p>
</form>
<div class="inviaform" id="inviaform" style="display:none;">
sdsdsds
</div>
</body>
</html>
ora funziona
ora funziona anche a me, ma non ho capito perché prima invece no...
comunque ho usato un codice un po' diverso e ho appurato che funziona sia con 'inline' che con 'block' e sia specificando in javascript 'document.forms['email'].privacy.checked' che 'document.forms['email'].privacy.checked == true'
-----------------------------------------------------------------
HTML
<form action="sendmail.php" method="post" name="email">
<input name="privacy" type="checkbox" id="privacy" value="" onclick="mostraInvia();" /> Ho letto e accetto l'informativa sulla privacy*</p>
* Campi obbligatori</p>
<div class="inviaform" id="inviaform">
<input name="invia" type="submit" id="send" value="Invia" /></p></div>
</form>
-----------------------------------------------------------------
CSS (collegato)
#inviaform {
display: none;
}
-----------------------------------------------------------------
JAVASCRIPT (collegato)
function mostraInvia() {
if (document.forms['email'].privacy.checked)
{
document.getElementById("inviaform").style.display ='block';
}
else {
document.getElementById("inviaform").style.display ='none';
}
}
Permessi di invio
Rispondi quotando