Как рассчитать скидку с помощью JavaScript в Laravel - PullRequest
0 голосов
/ 11 мая 2019

Я хочу рассчитать скидку, используя javascript, но не могу получить нужную вещь.Я пытался что-то сделать.Вот мой кодВзгляните:)

Просмотр

<div class="form-group">
                    {!! Form::label('discount_percent', 'Discount Percent', ['class'=>'control-label']) !!}
                    {!! Form::number('discount_percent', null, ['class'=>'form-control discount']) !!}
                </div>
                <div class="form-group">
                    {!! Form::label('total_fee', 'Total Fee', ['class'=>'control-label']) !!}
                    {!! Form::text('total_fee', null, ['class'=>'form-control final_fee', 'readonly', 'name'=>'final_fee', 'id'=>'final_fee']) !!}
                </div>

Javascript

$('.val').keyup(function () {
                var Fee = parseInt($('.final_fee').val());
                var discount = parseInt($('.discount').val());
                var FinalFee = Fee - ( Fee * discount / 100);
                $('#final_fee').val(FinalFee);
            });

1 Ответ

0 голосов
/ 11 мая 2019

Вы не указали, в чем была ошибка. Я могу догадаться, что ничего не происходит, возможно потому, что вы не привязаны к своим данным. Если вы надеетесь перехватить любой ввод, а затем выполнить повторный расчет на основе значений внутри, свяжите keyup с обоими входами:

$('.discount, .final_fee').keyup(function () { ... }

Вторая проблема может заключаться в том, что вы извлекаете класс для вашего элемента для переменных. Я не знаю, как выглядит ваша полная форма, но она может помочь вам пометить элементы, которые вы хотите получить Плата и скидка от использования идентификатора, а не класса. Не забудьте добавить #discount в форму (у вас уже есть #final_fee). Поэтому, возможно, это поможет переписать метод следующим образом:

$('#discount, #final_fee').keyup(function () {
     var Fee = parseInt($('#final_fee').val());
     var discount = parseInt($('#discount').val());
     var FinalFee = Fee - ( Fee * discount / 100);
     $('#final_fee').val(FinalFee);
 });

Это должно помочь вам пройти большую часть пути.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...