Listado de checkboxes y que se muestre cuales están seleccionados (casi)

Bam_Margera · #1 (**permalink**) 26/03/2010, 19:58

hola,

de momento lo estoy probando así

Código:

<html>
<head>
<title>Lista de Checkboxes</title>
<script>

var num_checks = 3;
function alertaChecked(){
    alert(document.form.miCheck.checked)
}
function alertaValue(){
    alert(document.form.miCheck.value)
}
function metodoClick(){
    document.form.miCheck.click()
}
function avisar(){
	var activos = '';
	for(x = 0; x < num_checks; x++){
			var checkis = document.getElementById("C" + x);
			if(checkis.checked==true){
   					 activos = activos + x + " ";
					 alert("se detecta" + x + "activo ");
			}
			
	}
	var resultado = document.getElementById("res");
	resultado.innerHTML = activos;
     
}
</script>
</head>
<body>
  uno<input type="checkbox" onClick="avisar();" id="C1">
  dos <input type="checkbox" onClick="avisar();" id="C2">
  tres <input type="checkbox" onClick="avisar();" id="C3">
  <br>
  Marcadas: <input type="text" id="res" name="res"></input>
</body>
</html>

Pero ni me hace caso ni entra en el condicional :S

Que falla?

Por favor. He gastado mucho tiempo en la web de mi firma y tengo que entregar esto (y unos ejemplillos más) para mañana... (o muero)

Una ayudita..

Bam_Margera · #2 (**permalink**) 26/03/2010, 21:16

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