nyt1972 Ответов: 1

Asp.net MVC5 jquery процентный расчет


Привет,

У меня есть этот код для расчета процента в гонораре, Но я использую щелчок кнопки для расчета процента.

Я хочу, чтобы кто-то помог мне получить тот же результат без нажатия кнопки. Я хочу сделать это немного проще.

Что я уже пробовал:

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()   
	<div class="form-group">
            @Html.LabelFor(model => model.FeeAmount, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.FeeAmount, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.FeeAmount, "", new { @class = "text-danger" })
            </div>
        </div>
		
		 <div class="form-group">
            <Label class="col-md-2 text-primary">Percent: </Label>  <input type="checkbox" name="Percent" id="Percent" class="form-check-input" />
        </div>
		
   <div class="form-group">
            @Html.LabelFor(model => model.DiscountAmount, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.DiscountAmount, new { htmlAttributes = new { @class = "form-control" } })
                <input type="button" id="btnPercent" value="Calc Discount" class="form-control btn-sm btn-warning" />
                @Html.ValidationMessageFor(model => model.DiscountAmount, "", new { @class = "text-danger" })
            </div>
        </div>

		
		<div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
		}


		<script src="~/Scripts/jquery-3.5.1.js"></script>
<script>
 $(function () {
        $("#btnPercent").click(function () {
            var state = $('#Percent').prop("checked");
            var disc = $("#DiscountAmount").val();
            feeamount = $('#ClassFee').text();
            var amount = $('#DiscountAmount').val();
            var discount = 0;
            if (state)
            {
                discount = (disc * feeamount) / 100;
            }
            else
            {
                discount = feeamount - disc;
            }
            $('#DiscountAmount').empty().val(discount);
        });
    });
</script>

Sandeep Mewara

Что вы подразумеваете под тем же результатом без нажатия кнопки? Непонятно, чего вы пытаетесь добиться?

1 Ответов

Рейтинг:
10

Richard Deeming

Используйте change событие для запуска расчета:

$(function(){
    var calculateDiscount = function(){
        var state = $('#Percent').is(":checked");
        var disc = $("#DiscountAmount").val();
        var feeamount = $('#ClassFee').text();
        var discount = state ? (disc * feeamount) / 100 : feeamount - disc;
        $('#DiscountAmount').val(discount);
    };
    
    $("#Percent, #DiscountAmount").change(calculateDiscount);
    calculateDiscount();
});