Skip to main content
se añadieron 1472 caracteres en el cuerpo
Origen Enlace
Iván
  • 165
  • 1
  • 10

Necesito hacer unas operaciones en tiempo real con Jquery, basados en inputs arrayun checkbox

La operacion esYA funciona la siguiente:

posicion 0 = cantidad x preciolas operaciones en tiempo real, posicion 1 = cantidad xahora necesito aplicar mediante un checkbox un descuento al precio .. ingresado, segun su posición.

 este en el input de cantidad
<input id="totalproducto" class="Cantidad" type="hidden" name="totalProducto[]" value="{{$value->total}}">


 este es el input de precio
<input type="number" id="precio" name="precio[]" class="form-control Precio" step='0.01' value="{{$j['costo_unitario']}}">

Este el checkbox donde necesito aplicar el descuento, en este caso pongo, cuando no se selecciona mando como valor 'no' y en caso contrario 'si'  

<input class="form-check-input" type="hidden" value="no" id="descuento" name="descuento[{{$j['sku']}}]">

<input id="{{$ticket->id}}" style="margin-top: -5px !important;" class="form-check-input Descuento" name="descuento[{{$j['sku']}}]" type="checkbox" value="si">
    <script type="text/javascript">

var clase= '#Total';  
var valor_inicial = $ function selects(claseid) {
            var ele = document.valgetElementById(id);
 
$            for (var documenti )= 0; i < ele.ready(function(length; i++) {
    $            if ('input[name="precio[]"]')ele[i].keyup(functiontype ()== {'checkbox')
    var valor = parseInt(valor_inicial); 
     var valor_sumar       ele[i].checked = 0;true;
    var cantidad = 0;     
        }
    }

let clase= '#Total';
$('#showtotal').hide();  var cantidad
function sumar() {
    let total = 0; 

    $('[name="totalProducto[]"]''.Precio').valeach(function(index); {
        var 
 ele       let cantidad =  parseInt($('#cantidad''[name="totalProducto[]"]')[index].val(value); || 0;
        varlet preprecio = parseFloat($('#precio'this).val();) || 0;
        let porcentaje=precio*0.95;
     
    $('.Descuento').change(function(){ 
            $('.Precio'Descuento').each(function () {
            if    if($(this)'.val(Descuento') > 0[index].checked) {
                  valor_sumar += parseInt($(this'.Precio').val(porcentaje)[index];
                    sumar();
 * cantidad;              }
            });
        });
        total += cantidad * precio
    });

    if(total > 0){
        $('#showtotal').show();
    }
   var else if(total === valor0){
 + valor_sumar      $('#showtotal').hide();
    }
    $(clase).val(total'$ '+total);
    $('#totalSpan').text('$ '+total);
}

$( document ).ready(function() {
 

    $('[name="totalProducto[]"]').on('input', sumar);
    $('.Precio').on('input', sumar);
    }sumar();
});
</script>
2x1 =21x100=100
1x1=11x100=100
totaltotal=200

pero si aplico el descuento solo a la posición 0, donde escribí 100, debería aplicar el descuento a uno, y quedar algo asi, y cambiar el input al nuevo valor que se genere

o sea, el valor del input ingresar menos el 5%

1x95=95 =(descuento 3aplicado del 5%)
1x100=100
total=195

introducir la descripción de la imagen aquíintroducir la descripción de la imagen aquí

Necesito hacer unas operaciones en tiempo real con Jquery, basados en inputs array

La operacion es la siguiente:

posicion 0 = cantidad x precio posicion 1 = cantidad x precio ...

 este en el input de cantidad
<input id="totalproducto" class="Cantidad" type="hidden" name="totalProducto[]" value="{{$value->total}}">


 este es el input de precio
<input type="number" id="precio" name="precio[]" class="form-control Precio" step='0.01' value="{{$j['costo_unitario']}}">
<script type="text/javascript">

var clase= '#Total';
var valor_inicial = $(clase).val();
 
$( document ).ready(function() {
    $('input[name="precio[]"]').keyup(function () {
    var valor = parseInt(valor_inicial); 
     var valor_sumar = 0;
    var cantidad = 0;
   
        var cantidad = $('[name="totalProducto[]"]').val();
        var ele = $('#cantidad').val();
        var pre = $('#precio').val();
            
 
        $('.Precio').each(function () {
            if ($(this).val() > 0) {
                  valor_sumar += parseInt($(this).val()) * cantidad;
            }
        }); 

       
       var total = valor + valor_sumar ;
        $(clase).val(total);
        
    });
});
2x1 =2
1x1=1
total = 3

introducir la descripción de la imagen aquí

Necesito hacer unas operaciones en tiempo real con Jquery basados en un checkbox

YA funciona la las operaciones en tiempo real, ahora necesito aplicar mediante un checkbox un descuento al precio ingresado, segun su posición.

 este en el input de cantidad
<input id="totalproducto" class="Cantidad" type="hidden" name="totalProducto[]" value="{{$value->total}}">


 este es el input de precio
<input type="number" id="precio" name="precio[]" class="form-control Precio" step='0.01' value="{{$j['costo_unitario']}}">

Este el checkbox donde necesito aplicar el descuento, en este caso pongo, cuando no se selecciona mando como valor 'no' y en caso contrario 'si'  

<input class="form-check-input" type="hidden" value="no" id="descuento" name="descuento[{{$j['sku']}}]">

<input id="{{$ticket->id}}" style="margin-top: -5px !important;" class="form-check-input Descuento" name="descuento[{{$j['sku']}}]" type="checkbox" value="si">
    <script type="text/javascript">

    
    function selects(id) {
            var ele = document.getElementById(id);
            for (var i = 0; i < ele.length; i++) {
                if (ele[i].type == 'checkbox')
                    ele[i].checked = true;
            
        }
    }

let clase= '#Total';
$('#showtotal').hide();   
function sumar() {
    let total = 0; 

    $('.Precio').each(function(index) {
         
        let cantidad =  parseInt($('[name="totalProducto[]"]')[index].value) || 0;
        let precio = parseFloat($(this).val()) || 0;
        let porcentaje=precio*0.95;
        $('.Descuento').change(function(){ 
            $('.Descuento').each(function(){
                if($('.Descuento')[index].checked){
                    $('.Precio').val(porcentaje)[index];
                    sumar();
                }
            });
        });
        total += cantidad * precio
    });

    if(total > 0){
        $('#showtotal').show();
    }
    else if(total == 0){
        $('#showtotal').hide();
    }
    $(clase).val('$ '+total);
    $('#totalSpan').text('$ '+total);
}

$( document ).ready(function() {
 

    $('[name="totalProducto[]"]').on('input', sumar);
    $('.Precio').on('input', sumar);
    sumar();
});
</script>
1x100=100
1x100=100
total=200

pero si aplico el descuento solo a la posición 0, donde escribí 100, debería aplicar el descuento a uno, y quedar algo asi, y cambiar el input al nuevo valor que se genere

o sea, el valor del input ingresar menos el 5%

1x95=95 (descuento aplicado del 5%)
1x100=100
total=195

introducir la descripción de la imagen aquí

Origen Enlace
Iván
  • 165
  • 1
  • 10

Operaciones en tiempo real Jquery

Necesito hacer unas operaciones en tiempo real con Jquery, basados en inputs array

La operacion es la siguiente:

posicion 0 = cantidad x precio posicion 1 = cantidad x precio ...

 este en el input de cantidad
<input id="totalproducto" class="Cantidad" type="hidden" name="totalProducto[]" value="{{$value->total}}">


 este es el input de precio
<input type="number" id="precio" name="precio[]" class="form-control Precio" step='0.01' value="{{$j['costo_unitario']}}">

Este es el input donde muestro el total

  <input id="Total" class="form-control"  type="text" value="0" disabled>

Este es mi codigo Jquery por ahora

<script type="text/javascript">

var clase= '#Total';
var valor_inicial = $(clase).val();

$( document ).ready(function() {
    $('input[name="precio[]"]').keyup(function () {
    var valor = parseInt(valor_inicial); 
    var valor_sumar = 0;
    var cantidad = 0;
   
        var cantidad = $('[name="totalProducto[]"]').val();
        var ele = $('#cantidad').val();
        var pre = $('#precio').val();
            

        $('.Precio').each(function () {
            if ($(this).val() > 0) {
                  valor_sumar += parseInt($(this).val()) * cantidad;
            }
        }); 

       
       var total = valor + valor_sumar ;
        $(clase).val(total);
        
    });
});

Este es el ejemplo que estoy usando, cuando el resultado deberia ser 3 me da 4,

necesito multiplicar por posicion

2x1 =2
1x1=1
total = 3

Espero puedan ayudarme

introducir la descripción de la imagen aquí