como se si un checkbox esta chequeado o no?

xcars · #1 (**permalink**) 02/06/2005, 18:19

Hola tengo el siguiente codigo:

Código HTML:

<input name="chkFut" type="checkbox" id="chkFut" value="1" onChange="mensaje(this.id)">
        F&uacute;tbol Salvadore&ntilde;o </font></strong></td>

y lasiguiente funcion en javascript

Código PHP:

  <script language="JavaScript" type="text/javascript"> 
function mensaje(nombre) 
{ 
    txtTotal.value=(parseFloat(txtTotal.value)+1.00).toFixed(2); 
} 
</script>

lo que quiero hacer es que cuando se chequee una opcion se le aumente 1 al campo txtTotal y si se cambia a unchecked que le reste uno, ahora bien he estado intentando verificar cuando esta checked o unchecked pero no he podido encontrar la forma correcta, alguien me puede ayudar

lo he intentado con

if (document.forms[0].chkFut.checked==true) (este si funciona_
pero si lo hago

if (document.forms[0].nombre.checked==true) no me funciona alguien que me de la respuesta pronto. gacias

Michaelsoft · #2 (**permalink**) 02/06/2005, 18:34

los valores de tu checkbox si está activo es "1"
Si está desactivado es ""

Código PHP:

if (document.forms[0].chkFut.value=="1") //Si esta activado el CkeckBox?

Código PHP:

if (document.forms[0].chkFut.value=="") //Si esta desactivado el CkeckBox?

SiR.CARAJ0DIDA · #3 (**permalink**) 02/06/2005, 18:40

no interesa el valor, interesa si esta chequeado o no

if (document.getElementById('chkFut').checked) //activo

xcars · #4 (**permalink**) 03/06/2005, 08:12

bueno, ya lo solucione, si a alguien le interesa aki esta la forma de hacerlo

Código:

<html>
<head>
<title>Probando CheckBox</title>
</head>
<form name="QForm" method="post" action="">

<input name="txtTotal" type="text" id="txtTotal" value="0.00" size="10" readonly="true">

<tr>
    <td bgcolor="#CCCCCC"><strong><font color="#0066FF" size="2" face="Verdana, Arial, Helvetica, sans-serif">
      <input name="chkFut" type="checkbox" id="chkFut" value="1" onClick="calcular(chkFut)">
      F&uacute;tbol Salvadore&ntilde;o </font></strong></td>
  </tr>
</form>
</body>
</html>

<script language="JavaScript" >
function calcular(elemento)
{
	var s=elemento.checked;
	if (s){
		document.forms[0].txtTotal.value=(parseFloat(document.forms[0].txtTotal.value)+1.00).toFixed(2);
	}
	else{	
		document.forms[0].txtTotal.value=(parseFloat(document.forms[0].txtTotal.value)-1.00).toFixed(2);
	}
}
</script>