Skip to main content
se añadieron 230 caracteres en el cuerpo
Origen Enlace
DjCrazy
  • 7.1k
  • 3
  • 18
  • 42

Este es un ejemplo con datos "quemados en el código" pero puedes reemplazar los valores de los input con los valores que traes de la BD:

//Si cambia la cantidad
$('.cantidad').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//O si cambia el valor
$('.valor').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//Envías por ajax los nuevos datos
//comentado para no generar error en consola

/*$('#formulario_modificar').on('submit', function() {
  ....código para submit.....
}*/
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label for="cantidad">Cantidad</label>
<input type="" class="cantidad" name="cantidad" value="10">
<!--Reemplaza el atributo value="10" con los datos que traes de BD-->
<br>

<label for="valor">Valor</label>
<input type="" class="valor" name="valor" value="5000">
<!--Reemplaza el atributo value="5000" con los datos que traes de BD-->
<br>

<label for="total">Total</label>
<input type="" class="total" name="total" value="50000">
<!--Reemplaza el atributo value="50000" con los datos que traes de BD-->
<br>

<button type="submit">Enviar</button>

Este es un ejemplo con datos "quemados en el código" pero puedes reemplazar los valores de los input con los valores que traes de la BD:

//Si cambia la cantidad
$('.cantidad').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//O si cambia el valor
$('.valor').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//Envías por ajax los nuevos datos
//comentado para no generar error en consola

/*$('#formulario_modificar').on('submit', function() {
  ....código para submit.....
}*/
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label for="cantidad">Cantidad</label>
<input type="" class="cantidad" name="cantidad" value="10">
<br>

<label for="valor">Valor</label>
<input type="" class="valor" name="valor" value="5000">
<br>

<label for="total">Total</label>
<input type="" class="total" name="total" value="50000">
<br>

<button type="submit">Enviar</button>

Este es un ejemplo con datos "quemados en el código" pero puedes reemplazar los valores de los input con los valores que traes de la BD:

//Si cambia la cantidad
$('.cantidad').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//O si cambia el valor
$('.valor').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//Envías por ajax los nuevos datos
//comentado para no generar error en consola

/*$('#formulario_modificar').on('submit', function() {
  ....código para submit.....
}*/
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label for="cantidad">Cantidad</label>
<input type="" class="cantidad" name="cantidad" value="10">
<!--Reemplaza el atributo value="10" con los datos que traes de BD-->
<br>

<label for="valor">Valor</label>
<input type="" class="valor" name="valor" value="5000">
<!--Reemplaza el atributo value="5000" con los datos que traes de BD-->
<br>

<label for="total">Total</label>
<input type="" class="total" name="total" value="50000">
<!--Reemplaza el atributo value="50000" con los datos que traes de BD-->
<br>

<button type="submit">Enviar</button>

Origen Enlace
DjCrazy
  • 7.1k
  • 3
  • 18
  • 42

Este es un ejemplo con datos "quemados en el código" pero puedes reemplazar los valores de los input con los valores que traes de la BD:

//Si cambia la cantidad
$('.cantidad').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//O si cambia el valor
$('.valor').change(function(){
  //calculo el nuevo total
  $('.total').val($('.cantidad').val() * $('.valor').val());
})

//Envías por ajax los nuevos datos
//comentado para no generar error en consola

/*$('#formulario_modificar').on('submit', function() {
  ....código para submit.....
}*/
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label for="cantidad">Cantidad</label>
<input type="" class="cantidad" name="cantidad" value="10">
<br>

<label for="valor">Valor</label>
<input type="" class="valor" name="valor" value="5000">
<br>

<label for="total">Total</label>
<input type="" class="total" name="total" value="50000">
<br>

<button type="submit">Enviar</button>