onClick no funciona

yonerflash · #1 (**permalink**) 10/05/2012, 17:30

Buenas noches, estoy haciendo un programa y como soy novato con javascript lo estoy haciendo poco a poco, para probar. Tengo un botón que al hacer clic debería cambiar el valor de un textBox, pero no lo hace. ¿Me podrían decir por qué?

<script language = "javascript" type="text/javascript">
function incrementar(){
document.form1.tx1.value="1";
//alert("A");
}
</script>
</head>

<body>
<table width="614" border="1">
<tr>
<td width="106">6 am - 2:30 pm</td>
<td width="13"> </td>
<td width="87"><form id="form1" name="form1" method="post" action="">
<label>
<input type="button" name="1" id="1" value="Agregar" onClick="incrementar();"/>
</label>
</form></td>
<td width="16"> </td>
<td width="144"><label>
<input type="text" name="tx1" id="tx1" value="0"/>
</label></td>
<td width="9"> </td>
<td width="193"><input type="text" name="tx3" id="tx3" value="0"/></td>
</tr>
<tr>
<td>6 am - 14:30 pm</td>
<td> </td>
<td><input type="button" name="2" id="2" value="Agregar" /></td>
<td> </td>
<td><input type="text" name="tx2" id="tx2" value="0"/></td>
<td> </td>
<td><input type="text" name="tx4" id="tx4" value="0"/></td>
</tr>
</table>
<p>
<input type="button" name="12" id="12" value="De nuevo" />
</p>
<p>  </p>
</body>
</html>

emprear · #2 (**permalink**) 10/05/2012, 19:41

fijate
tenés
<form id="form1" name="form1" method="post" action="">
<label>
<input type="button" name="1" id="1" value="Agregar" onClick="incrementar();"/>
</label>
</form>
</td>
y los input de texto fuera del form, por lo que no los puede acceder con
document.form1.tx1
Te advierto tambien que los id no pueden ser o comenzar con un valor numérico

Saludos

anavega · #3 (**permalink**) 11/05/2012, 10:31

Te recomiendo que accedas a el input

Código HTML:

<input type="text" name="tx1" id="tx1" value="0"/>

de la siguiente forma

Código HTML:

var inputText = document.getElementById('tx1') ;
inputText.value = 1 ;

Espero que te sirva de ayuda
Saludos

yonerflash · #4 (**permalink**) 11/05/2012, 14:10

Gracias. La razón es que como uso Dreamweaver, le agregúe cosas al formulario usando una tabla y no noté donde quedó la etiqueta de cierre del formulario.
Gracias también a anavega. Lo probé y funciona.

yonerflash · #5 (**permalink**) 11/05/2012, 14:15

Siguiendo con el programa le hice este cambio
inputText.value += 1
para incrementar el valor cada vez que se pulsa el botón, pero lo concatena. ¿Cómo debo hacerlo?

yonerflash · #6 (**permalink**) 11/05/2012, 15:12

Ya lo arreglé
function incrementar(){
var inputText = document.getElementById('tx1');
var valor = parseInt(document.getElementById('tx1').value);
valor += 1;
inputText.value = valor;