multiplicar valor de inputs

Montes28 · #1 (**permalink**) 27/06/2012, 21:05

hola amigos

tengo n inputs los cuales los genero dinamicamente el primer input tiene un valor deacuerdo a una consulta a base de datos el valor del segundo input lo va a digitar el usuario ,necesito que en el 3 input aparezca el resultado de dicho input

estoy utilizando jquery

Código HTML:

Ver original<input name="uno" type="text"  value="<? echo $periodo ?>"/>
  <input name="dos" type="text" />
  <input name="tres" type="text" />
</p>
<p>
  <input name="uno2" type="text" value="<? echo $periodo ?>" />
  <input name="dos2" type="text" />
  <input name="tres2" type="text" />
</p>
<p>
  <input name="uno3" type="text" value="<? echo $periodo ?>"/>
  <input name="dos3" type="text" />
  <input name="tres3" type="text" />

podrian darme pistas de como hacerlo

Montes28 · #2 (**permalink**) 27/06/2012, 21:48

hasta el momento he construido este codigo

Código Javascript:

Ver original<script>
$(document).ready(function(){
$("input[type='text']").change(function(){
var multi = 0;
suma = Number($("input[id='periodo']").val());
suma *= Number($("input[id='frecuencia']").val());
alert(suma);
$("#resultado").text(multi);
});
});
</script>

Montes28 · #3 (**permalink**) 27/06/2012, 22:31

amigos hasta el momomento realizo la multiplicacion para los primeros inputs

Código Javascript:

Ver original<script>
$("input[type='text']").change(function(){
multiplicacion = Number($("input[id='periodo']").val());
multiplicacion *= Number($("input[id='frecuencia']").val());
$("#Resultado").val(multiplicacion);
});
});
 
</script>

Código HTML:

Ver original<body>
 
 
<p>
  <input name="periodo1" type="text" id="periodo1" value="8"/>
  <input name="frecuencia1" type="text" id="frecuencia1"/>
  <input name="Resultado1" type="text" id="Resultado1"/>
</p>
<p>
  <input name="periodo2" type="text" id="periodo2" value="10"/>
  <input name="frecuencia2" type="text" id="frecuencia2" />
  <input name="Resultado2" type="text" id="Resultado2" />
</p>
<p>
  <input name="periodo3" type="text" id="periodo3" value="50"/>
  <input name="frecuencia3" type="text" id="frecuencia3" />
  <input name="Resultado3" type="text" id="Resultado3"/>
</p>
</body>

les voy a contar que creo que se debe de hacer

agrupar todos los input en un array y despues iterarlo y realizar la multiplicacion
pero no se si se pueda de esta manera ya que en el formulario existen mas input

Montes28 · #4 (**permalink**) 28/06/2012, 14:34

espero que alguien me ayude

buscando en internet he construido este codigo

Código Javascript:

Ver original$(document).ready(function(){
$('.periodo').keyup(function(){
    var parent = $(this).parents('tr');
    var price = $('.frecuencia', parent);
    var sum = $('.Resultado', parent);
    var value = parseInt(this.value) * parseFloat(price.get(0).innerHTML||0);
    sum.text(value);
    $('.Resultado').val(value);
    //getTotal();
})
});

Código HTML:

Ver original<table>
    <thead>
        <tr>
            <th>Frecuencia</th>
            <th>Periodo</th>
            <th>Resultado</th>
            <th>Resultado</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input class='periodo' size='1' id="periodo" name="periodo"/></td>
            <td class='frecuencia'>4</td>
            <td class='Resultado'>0</td>
            <td><input class='Resultado' size='1' id=""/></td>
        </tr>
        <tr>
            <td><input class='periodo' size='1' id="periodo" name="periodo"/></td>
            <td class='frecuencia'>4</td>
            <td class='Resultado'>0</td>
            <td><input class='Resultado' size='1' id=""/></td>
        </tr>
        <tr>
            <td><input class='periodo' size='1' id="periodo" name="periodo"/></td>
            <td class='frecuencia'>10</td>
            <td class='Resultado'>0</td>
            <td><input class='Resultado' size='1' id=""/></td>
        </tr>
    </tbody>
</table>

pero me falta implementarlo para los input