El mayor de los checkbox seleccionados

fasecu · #1 (**permalink**) 31/03/2011, 10:07

Saludos, necesito que me den una manito, tengo varios checkboxs cada uno con un valor numérico distinto, lo que necesito es que un botón llame a una función la cual compare cada valor y muestre en una caja de texto el número mayor. help me please!!

NahuelD · #2 (**permalink**) 31/03/2011, 11:15

eso lo puedes hacer con un simple if y recorriendo los valores de cada checkbox, supongamos que tienes tres checkbox, cada uno tiene los valores 3, 7 y 1 respectivamente

entonces para obtener el mas alto haces lo siguiente:

Primero creas una variable en cero que contendra el numero mas alto encontrado:
var masAlto=0;

luego comparas cada uno con el numero de la variable, si es mas alto cambias el numero de la variable por en nuevo numero

if(checkBox1.value>masAlto) masAlto=checkBox1.value;
else if(checkBox2.value>masAlto) masAlto=checkBox2.value;
else if(checkBox3.value>masAlto) masAlto=checkBox3.value;

al final del codigo, la variable masAlto contendra el numero 7, que es el valor del segundo checkbox y el mas alto de los tres.

luego solo queda escribir en el campo de texto el numero de la variable:

CampoDeTexto.value=masAlto;

Espero haberte ayudado.

fasecu · #3 (**permalink**) 31/03/2011, 11:42

hola, gracias por responder, creo que me faltó agregar que son muchos checkboxs y que únicamente quiero obtener el mayor número de los checkboxs seleccionados.

fasecu · #4 (**permalink**) 31/03/2011, 23:42

bueno no sé si no responden porque no saben o ya es algo personal

jajaja, bueno ya di con la solución, lo dejo por si alguien necesite algún día:

Código HTML:

<html>
<head>
<script language="javascript">

function mayor(){
	var may=0;
	for(i=0;i<form1.checkbox.length;i++){
		if(form1.checkbox[i].checked&&form1.checkbox[i].value>may){
			may=form1.checkbox[i].value;
		}
	}
	form1.mos.value=may;
}

</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="checkbox" name="checkbox" value="5" />
  cinco</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="3" />
  tres</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="8" />
  ocho</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="2" />
  dos</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="4" />
  cuatro</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="5" />
  cinco</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="6" />
  seis</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="9" />
  nueve</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="1" />
  uno</label><br />
  <label>
  <input type="checkbox" name="checkbox" value="7" />
  siete</label><br />
  <label>
  <input type="button" name="" value="mayor" onclick="mayor()"/>
  </label><br />
  <label>
  <input type="text" name="mos" />
  </label>
  <br />
</form>
</body>
</html>

bien, lo malo es que no funciona si pongo un valor mayor a 9

no sé a qué se deba... si alguien lo sabe lo dice, aunque no tengo valores mayores a 9 sería bueno saber el motivo, por si en algún momento se de el caso. Gracias.