checkbox controllo e focus su aree di testo

**j0tt0** · 05-04-2007, 22:22

Salve a tutti,

in un form ho 4 checkbox che dovrebbero controllare rispettivamente 4 campi di testo.
Quello che vorrei è che in partenza, a checkbox non selezionati i campi di testo fossero disabilitati, mentre se il checkbox viene selezionato la casella di testo si attiva e il focus viene spostato li in modo da agevolare l'inserimento.

Diciamo che grazie a qualche suggerimento sono arrivato a metà strada ma mi manca il focus e una volta completo vorrei trovare un modo appropriato per applicarlo agli altri checkbox/moduli.

Se c'è qualche buon uomo che vuole dare un'occhiata il mio codice è disponibile di seguito mentre il risultato a questo indirizzo: QUI

codice:

<script type="text/javascript">
function Garage(){
if(document.getElementById('checkbox1').checked){
document.getElementById('mqgarage').disabled=false;
//document.getElementById('text_rccn').disabled=false;
} else {
document.getElementById('mqgarage').disabled=true;
document.getElementById('mqgarage').focus=true;
//document.getElementById('text_rccn').disabled=true;
}
}
</script>

<td bgcolor="#F7F7F7" class="Stile2"><input type="checkbox" name="checkbox1" value="checkbox1" onclick="javascript:Garage();">
      Garage </td>
    <td bgcolor="#F7F7F7" class="Stile2">mq.
        <input name="mqgarage" type="text" size="3"></td>

Grazie, Ciao.
Jotto

**lake86** · 05-04-2007, 22:36

il focus lo fai con il document.getElementById.focus();

per gestirli puoi usare id simili... nel senso

codice:

<input type="checkbox" ID="chk1" value="checkbox1" onclick="java-script:Garage(1);">
<input name="mqgarage" type="text" size="3" ID="txt1"></td>


<input type="checkbox" ID="chk2" value="checkbox1" onclick="java-script:Garage(2);">
<input name="mqgarage" type="text" size="3" ID="txt2"></td>


<input type="checkbox" ID="chk3" value="checkbox1" onclick="java-script:Garage(3);">
<input name="mqgarage" type="text" size="3" ID="txt3"></td>

function Garage(x){
if(document.getElementById('chk'+x).checked){
document.getElementById('txt'+x).disabled=false;
document.getElementById('txt'+x).focus();
} else {
document.getElementById('txt'+x).disabled=true;


}
}

**j0tt0** · 05-04-2007, 23:14

Perfetto!

Adesso funziona su tutti i controlli.

Per disabilitare le casella a caricamento pagina ho fatto questa integrazione:

codice:

function Disabilita(){
document.getElementById('txt1').disabled=true;
document.getElementById('txt2').disabled=true;
document.getElementById('txt3').disabled=true;
document.getElementById('txt4').disabled=true;
}
</script>
</head>

<body onLoad="javascript:Disabilita();">

Probabilmente nel caso ci fossero state 30 campi da controllore forse il mio sistema non sarebbe il piu' immediato ma intanto per adesso funziona.

Grazie Lake.

**whisher** · 05-04-2007, 23:26

Probabilmente nel caso ci fossero state 30 campi da controllore forse il mio sistema non sarebbe il piu' immediato ma intanto per adesso funziona

Per recuperare quello che vuoi da le tue checkboxs
puoi metterle dentro ad esempio un p o uno span
con un id e poi fai una cosa del genere

Codice PHP:


var listCheckboxs=document.getElementById('myId').getElementsByTagName('input');

poi con un ciclo for con listCheckboxs recuperi
l'array dei valori che ti interessano.

**j0tt0** · 05-04-2007, 23:36

Grazie anche a te.

Lo tengo buono per script piu' complessi, tornera' senz'altro utile.
Ciao.
Jotto

Discussione: checkbox controllo e focus su aree di testo

Strumenti discussione

Ricerca discussione

Visualizza

checkbox controllo e focus su aree di testo

Permessi di invio