Dudas de Programacion » Topic: Contar Checkbox

Dudas de Programacion » Topic: Contar Checkbox http://www.dudasprogramacion.com/topic/contar-checkbox Dudas sobre lenguajes y apis de programación en-US Sun, 05 Sep 2010 08:40:58 +0000 bbpress 1.0.2 <![CDATA[Search]]> q http://www.dudasprogramacion.com/search.php Torres on "Contar Checkbox" http://www.dudasprogramacion.com/topic/contar-checkbox#post-336 Tue, 09 Mar 2010 11:38:28 +0000 Torres 336@http://www.dudasprogramacion.com/ <p>Buenas!</p> <p>Para lo que quieres hacer, necesitas llamar a la función contar() cada vez que se marque un checkbox, para eso puede usar la funcion onClick()o en este caso también onChange() </p> <p><a href="http://www.w3schools.com/jsref/dom_obj_event.asp" rel="nofollow">http://www.w3schools.com/jsref/dom_obj_event.asp</a></p> <p>También debes cambiar el alert por una linea que modifique el valor de una caja de texto, por ejemplo: document.formulario.nombreCajaTexto.value = cont;</p> <p>Te recomiendo que le eches un vistazo a este tutorial del w3c sobre javascript: <a href="http://www.w3schools.com/JS/" rel="nofollow">http://www.w3schools.com/JS/</a></p> <p>Te mando las modificaciones en el código que mandas para que funcione de la manera que comentas:</p> <p><html><br /> <head><br /> <title>Cuenta CheckBox</title></p> <p><script language="javascript"></p> <p>function contar() {</p> <p>var checkboxes = form1.checkbox; //Array que contiene los checkbox<br /> var cont = 0; //Variable que lleva la cuenta de los checkbox pulsados</p> <p>for (var x=0; x < checkboxes.length; x++) {<br /> if (checkboxes[x].checked) {<br /> cont = cont + 1;<br /> }<br /> }</p> <p>document.form1.cajaTexto.value = cont;</p> <p>}<br /> </script></p> <p></head></p> <p><body bgcolor="#FFFFFF" text="#000000"></p> <p><form name="form1" method="post" action=""><br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 1<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 2<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 3<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 4<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 5<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 6<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 7<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 8<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 9<br /> <input type="checkbox" name="checkbox" value="checkbox" onClick="contar();"><br /> CheckBox 10<br /> <input type="text" value="" id="cajaTexto"></p> <p></form></p> <p></body><br /> </html></p> <p>Espero que te sirva de ayuda,</p> <p>Un saludo </p> droche on "Contar Checkbox" http://www.dudasprogramacion.com/topic/contar-checkbox#post-333 Mon, 08 Mar 2010 14:05:47 +0000 droche 333@http://www.dudasprogramacion.com/ <p>Hola a todos. A ver si me podeis ayudar con lo siguiente: Tengo este codigo que he cogido de la seccion de Javascript y que es un contador de checkbox:<br /> <html><br /> <head><br /> <title>Cuenta CheckBox</title></p> <p><script language="javascript"></p> <p>function contar() {</p> <p>var checkboxes = form1.checkbox; //Array que contiene los checkbox<br /> var cont = 0; //Variable que lleva la cuenta de los checkbox pulsados</p> <p>for (var x=0; x < checkboxes.length; x++) {<br /> if (checkboxes[x].checked) {<br /> cont = cont + 1;<br /> }<br /> }</p> <p>alert ("El número de checkbox pulsados es " + cont);</p> <p>}<br /> </script></p> <p></head></p> <p><body bgcolor="#FFFFFF" text="#000000"></p> <p><form name="form1" method="post" action=""><br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 1<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 2<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 3<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 4<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 5<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 6<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 7<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 8<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 9<br /> <input type="checkbox" name="checkbox" value="checkbox"><br /> CheckBox 10<br /> <input type="button" name="Submit" value="Contar" onClick="contar();"><br /> <br /> </form></p> <p></body><br /> </html><br /> Mi problema es que quiero que segun los vayas seleccionando, en un cuadro de texto te vayan saliendo los que tienes seleccionados, es decir, que sea on-line, y no que te lo diga cuando le das al boton. Muchas gracias por vuestra ayuda. </p>