Mostrare campi in base a checkbox

**maxtn** · 19-02-2004, 16:05

Ciao, ho trovato questo script per mostrare o nascondere un campo testo a seconda dello stato di selezione di un radio, qualcuno ha qualche esmpio per usare invece delle checkbox?
Devo visualizzare o meno dei campi in base alla selezione delle checkbox.

Grazie

Codice PHP:


<HTML>

<HEAD>

<SCRIPT LANGUAGE="javascript">

function hide()

   {

   if(document.all)

      document.all.pippo.style.visibility="hidden";

   else

      if(document.layers)

         document.layers['pippo'].visibility="hide";

      else

         if(document.getElementById)

            document.getElementById('pippo').style.visibility="hidden";

   }



function show()

   {

   if(document.all)

      document.all.pippo.style.visibility="visible";

   else

      if(document.layers)

         document.layers['pippo'].visibility="show";

      else

     if(document.getElementById)

            document.getElementById('pippo').style.visibility="visible";

   }

</SCRIPT>

</HEAD>

<BODY>



<DIV ID="pippo" STYLE="position:absolute; visibility:visible; height:50; width:200;">

   <FORM >

      <INPUT TYPE="text" NAME="T1" SIZE="20">

   </FORM>

</DIV>



<DIV ID="pluto" STYLE="position:absolute;top:200;lest:40;">

   <FORM>

     <INPUT TYPE="radio" VALUE="V1" CHECKED NAME="R1" onClick="show()">


     <INPUT TYPE="radio" NAME="R1" VALUE="V2" onClick="hide()">

   </FORM>

</DIV>



</BODY>

</HTML>

**maxtn** · 20-02-2004, 09:59

up

**Mich_** · 20-02-2004, 10:29

Le funzioni possono stare cosi` come sono: occorre modificare la chiamata:

<input type="checkbox" value="V1" name="c1" onclick="if(this.checked) show(); else hide();"

Provalo perche` io non lo ho fatto.
Non ho letto a fondo, ma potrebbe essere necessario scambiare le due funzioni.

Ciao
Michele

**maxtn** · 23-02-2004, 13:00

Originariamente inviato da Mich_
Le funzioni possono stare cosi` come sono: occorre modificare la chiamata:

<input type="checkbox" value="V1" name="c1" onclick="if(this.checked) show(); else hide();"

Provalo perche` io non lo ho fatto.
Non ho letto a fondo, ma potrebbe essere necessario scambiare le due funzioni.

Ciao
Michele

Così funziona, però se ho tre checkbox, ognuna delle quali mostra/nasconde dei campi testo come faccio?

**badaze** · 23-02-2004, 14:31

Puoi fare cosi...

codice:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">

function show_hide(anObject) {
   if(document.all) {
      if (anObject.style.visibility=="hidden") {
			 showObj=false;
			} else {
			 showObj=true;
			}
   } else {
      if(document.layers) {
         if (anObject.visibility=="hide") {
			     showObj=false;
			   } else {
			     showObj=true;
			   }				 
      } else { 
         if(document.getElementById) {
            if (anObject.style.visibility=="hidden") {
			        showObj=false;
			      } else {
			        showObj=true;
			      }				
					}		
			} 
   }
	 if (! showObj) {
			 show(anObject);	 
	 } else {
			 hide(anObject);	 
	 }
} // function show_hide(anObject)

function hide(anObject)
   {
   if(document.all)
      anObject.style.visibility="hidden";
   else
      if(document.layers)
         anObject.visibility="hide";
      else
         if(document.getElementById)
            anObject.style.visibility="hidden";
   }

function show(anObject)
   {
   if(document.all)
      anObject.style.visibility="visible";
   else
      if(document.layers)
         anObject.visibility="show";
      else
     if(document.getElementById)
            anObject.style.visibility="visible";
   }
</SCRIPT>
</HEAD>
<BODY>


<DIV ID="pluto" STYLE="position:absolute;top:200;lest:40;">
   <FORM>
	   <input type="checkbox" name="c1" onClick="show_hide(document.getElementById('T1'))"><INPUT TYPE="text" NAME="T1" SIZE="20">
		 

	   <input type="checkbox" name="c2" onClick="show_hide(document.getElementById('T2'))"><INPUT TYPE="text" NAME="T2" SIZE="20">
   </FORM>
</DIV>

</BODY>
</HTML>

**maxtn** · 23-02-2004, 14:43

Ti ringrazio un sacco!

**maxtn** · 23-02-2004, 14:51

Non mi funziona!

**badaze** · 23-02-2004, 15:46

Da me funziona benissimo con IE 6.0 !!!
Comunque se non usi IE prova cosi....

codice:

<DIV ID="pluto" STYLE="position:absolute;top:200;lest:40;">   
<FORM>
<input type="checkbox" name="c1" onClick="show_hide(T1)"><INPUT TYPE="text" NAME="T1" SIZE="20">


<input type="checkbox" name="c2" onClick="show_hide(T2)"><INPUT TYPE="text" NAME="T2" SIZE="20">
</FORM>
</DIV>

**maxtn** · 23-02-2004, 17:37

Ok, così funziona con mozilla.
Selezionando la checkbox mi nasconde il campo, se voglio fare l'inverso? cioè quando carico la pagina avere i campi nascosti e li visualizzo in base ai checkbox.
Grazie

**badaze** · 23-02-2004, 21:28

Puoi fare cosi (con IE comunque)...

codice:

<DIV ID="pluto" STYLE="position:absolute;top:200;left:40;">
   <FORM>
	   <input type="checkbox" name="c1" onClick="show_hide(document.getElementById('T1'))"><INPUT TYPE="text" NAME="T1" SIZE="20">
		 

	   <input type="checkbox" name="c2" onClick="show_hide(document.getElementById('T2'))"><INPUT TYPE="text" NAME="T2" SIZE="20">
   </FORM>
</DIV>

<script language="JavaScript" type="text/javascript">
<!--
var allCheckboxes = document.all.tags("input");
for (i=0;i<allCheckboxes.length;i++) {
 if (allCheckboxes[i].type == "text") {
  hide(allCheckboxes[i]);
 }
}
//-->
</script>

Discussione: Mostrare campi in base a checkbox

Strumenti discussione

Ricerca discussione

Visualizza

Mostrare campi in base a checkbox

Permessi di invio