Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/03/2010, 21:16
Bam_Margera
 
Fecha de Ingreso: febrero-2009
Mensajes: 580
Antigüedad: 15 años, 3 meses
Puntos: 13
Respuesta: Listado de checkboxes y que se muestre cuales están seleccionados (casi)

Así tampoco me va, pero me alejo o me acerco??

Código:
<html>
<head>
<title>Lista de Checkboxes</title>
<script>

var num_checks = 3;

function avisar(){
	var num_checks = document.forms["formulario"].toppingcheck.length;
	var marcados = document.getElementById("marcados");
	marcados.innerHTML = "";
	for(x = 0; x < num_checks; x++){
			if(document.forms["formulario"].toppingcheck[x].checked){
				var mostrar = document.createElement("p");
				mostrar.setAttribute("id","mostrar" + x);
				
				marcados.appendChild(mostrar);
				
  			}
			
	}
	
	
     
}
</script>
</head>
<body>
<form name="formulario">
  uno<input type="checkbox" name="toppingcheck" onClick="avisar();" value="uno">
  dos <input type="checkbox" name="toppingcheck"  onClick="avisar();" value="dos">
  tres <input type="checkbox" name="toppingcheck"  onClick="avisar();" value="tres">
 
  
</form>

<h1>Marcadas</h1>
  <div id="marcados"></div>

</body>
</html>



___________


Solucionado!

Por si le interesa a alguien:

Código:
<html>
<head>
<title>Lista de Checkboxes</title>
<script>

var num_checks = 3;

function avisar(){
	var num_checks = document.forms["formulario"].toppingcheck.length;
	var marcados = document.getElementById("marcados");
	marcados.innerHTML = "";
	for(x = 0; x < num_checks; x++){
			if(document.forms["formulario"].toppingcheck[x].checked){

				var mostrar = "<p>" + document.forms["formulario"].toppingcheck[x].value + "</p>";				
				marcados.innerHTML = marcados.innerHTML + mostrar;
				
  			}
			
	}
	
	
     
}
</script>
</head>
<body>
<form name="formulario">
  uno<input type="checkbox" name="toppingcheck" onClick="avisar();" value="uno">
  dos <input type="checkbox" name="toppingcheck"  onClick="avisar();" value="dos">
  tres <input type="checkbox" name="toppingcheck"  onClick="avisar();" value="tres">
 
  
</form>

<h1>Marcadas</h1>
  <div id="marcados"></div>

</body>
</html>
Así hace lo que le pido.. Si no os ha dado tiempo en este, tranquilos que venimos con más en breves.. jeje

Un saludo,

y gracias igualmente
__________________
¿ya conoces la red social de cocina? descubre y comparte recetas de cocina
TONIWEB, un programador web freelance

Última edición por Bam_Margera; 26/03/2010 a las 21:29 Razón: Solucionado, cambio de estrategia