Al eliminar restar valor de fila a caja de texto

[neveuster]

Estimados... tengo el siguiente código

Código:

<table>
    <tr>
        <td><input type="button" onclick="remove(this)" value="Eliminar" /></td><td>dato</td><td><input type="text" name="valor" id="valor" value="32"></td>
    </tr>
    <tr>
        <td><input type="button" onclick="remove(this)" value="Eliminar" /></td><td>dato</td><td><input type="text" name="valor" id="valor" value="40"></td>
    </tr>
    <tr>
        <td><input type="button" onclick="remove(this)" value="Eliminar" /></td><td>dato</td><td><input type="text" name="valor" id="valor" value="18"></td>
    </tr>
    <tr>
        <td>TOTAL:<input type="text" name="total" id="total" value="300"></td>
    </tr>
</table>

Código Javascript:

function remove(t)
    {
        var td = t.parentNode;
        var tr = td.parentNode;
        var table = tr.parentNode;
        table.removeChild(tr);
    }
 

como hago para que al eliminar una fila me reste su valor al campo de texto "total" que se encuentra abajo??

he intentado poner algo como esto en la función pero no me resulta...

Código Javascript:

var tot = $("#valor").val();
        var p = document.getElementById("total");
        var dinero=parseInt(p.value);
        p.value=dinero-tot
 

bueno, les ruego me ayuden ya que no he podido hacerlo.. saludos y gracias.

[IsaBelM]

añade esta línea al final

document.getElementById("total").value -= parseInt(t.parentNode.parentNode.getElementsByTagN ame('input')[1].value, 10);

como ves
t.parentNode.parentNode // hace referencia al tr
getElementsByTagName('input')[1] // al segundo elemento input hijo del tr

[neveuster]

Muchas gracias IsaBelM, he modificado un poco el script y me ha funcionado muy bien, saludos..

[IsaBelM]

por curiosidad, qué has modificado??

[neveuster]

Disculpa por no escribir antes, me toco trabajar y luego ir a estudiar..

bueno, en realidad así quedó...

Código Javascript:

var p=document.getElementById("pago");
var dinero=parseInt(p.value);
document.getElementById("pago").value  = dinero - parseInt(t.parentNode.parentNode.getElementsByTagName('input')[0].value, 10);
 

muchas gracias!!

[caricatos]

Hola:

Por cierto, el atributo id no debería estar repetido.

Saludos

[neveuster]

es verdad, lo puse en un momento para ir añadiendo un numero al id, ya lo he quitado ya que no lo ocuparé en lo que necesito, muchas gracias, saludos.