Buenas a todo, soy nuevo en este foro como miembro
pero siempre estoy revisando los post y buscando informacion en uno de estos pos dieron un codigo para agregar filas y borrarlas pero este codigo no me funciona.al parecer se marrea con el
getElementsByTagName("input") al tener varios input en una fila pero como puedo hacer para que seleccione el checkbox solamente.
Código:
<head>
<script language=javaScript1.2>
function restar() {
var miTabla = document.getElementById("cuerpoTabla");
var i = 0;
do
if (miTabla.rows[i].getElementsByTagName("input")[0].checked == true)
miTabla.deleteRow(i);
else
i ++;
while (miTabla.rows.length != i)
}
function suma() {
var miTabla = document.getElementById("cuerpoTabla");
var fila = document.createElement("tr");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
var celda3 = document.createElement("td");
var celda4 = document.createElement("td");
var celda5 = document.createElement("td");
var celda6 = document.createElement("td");
var celda7 = document.createElement("td");
var celda8 = document.createElement("td");
var celda9 = document.createElement("td");
celda1.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=cod1 type=text id=cod1 size=10>";
celda2.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<textarea name=espe1 rows=5 id=espe1></textarea>";
celda3.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=unidad1 type=text id=unidad1 size=7>";
celda4.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=cant1 type=text id=cant1 size=11>";
celda5.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=fech1 type=text id=fech1>";
celda6.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=ppro1 type=text id=ppro1>";
celda7.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=pcom1 type=text id=pcom1>";
celda8.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input name=prov1 type=text id=prov1>";
celda9.innerHTML = "" + (miTabla.getElementsByTagName("tr").length + 1).toString() + "<input type=checkbox>";
fila.appendChild(celda1);
fila.appendChild(celda2);
fila.appendChild(celda3);
fila.appendChild(celda4);
fila.appendChild(celda5);
fila.appendChild(celda6);
fila.appendChild(celda7);
fila.appendChild(celda8);
fila.appendChild(celda9);
miTabla.appendChild(fila);
}
</script>
</head>
<body style="color:blue" >
<script>
document.write(document.body.style[0]);
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
body,td,th {
color: #FFFFFF;
font-size: 12px;
}
-->
</style></head>
<body>
<form id="form1" name="form1" method="post" action="">
<p> </p>
<p>obra fecha </p>
<p>
<input type="text" name="textfield" />
<label>
<input type="text" name="textfield2" />
</label>
</p>
<p><fieldset>
<legend></legend>
<form id="form1" name="form1" method="get" action="">
<p> </p>
<p>
<legend>Ingresos</legend>
</p>
<table width="1024" border="1" id="unaTabla">
<tbody id="cuerpoTabla">
<tr id="a1">
<td width="69" id="b1">Codigo</td>
<td width="195" id="c1">Especificaciones</td>
<td width="110" id="c1">Unidades</td>
<td width="114" id="c1">Cantidad</td>
<td width="144" id="c1">Fecha de Obra </td>
<td width="144" id="c1">Precio propuesta </td>
<td width="144" id="c1">Precio Compra</td>
<td width="144" id="c1">Proveedor</td>
<td width="48" id="c1">Eliminar</td>
</tr>
<tr align="center" id="a2">
<td id="b2"><label>
<input name="cod1" type="text" id="cod1" size="10" />
</label></td>
<td id="c2"><textarea name="espe1" rows="5" id="espe1"></textarea></td>
<td id="c2"><input name="unidad1" type="text" id="unidad1" size="7" /></td>
<td id="c2"><input name="cant1" type="text" id="cant1" size="11" /></td>
<td id="c2"><input name="fech1" type="text" id="fech1" /></td>
<td id="c2"><input name="ppro1" type="text" id="ppro1" /></td>
<td id="c2"><input name="pcom1" type="text" id="pcom1" /></td>
<td id="c2"><input name="prov1" type="text" id="prov1" /></td>
<td id="c2"> </td>
</tr>
</tbody>
</table>
<button onclick="restar()">subir</button>
<button onclick="suma()">sumar</button>
<p>l</p>
<p> </p>
<p>
<label>
<input type="submit" name="Submit2" value="Submit" />
</label>
</p>
</form>
<p> </p>
</body>
</html>
<label>
<div align="right">
<input type="submit" name="Submit" value="Enviar" />
</div>
</label></p>
<div align="right"></div>
</fieldset>*
</p>
</form>
<p> </p>
</body>
</html>
de antemano muchas gracias.