Как рассчитать общую стоимость из бритвы с помощью JavaScript?Проект MVC - PullRequest
Новая
       6

Как рассчитать общую стоимость из бритвы с помощью JavaScript?Проект MVC

0 голосов
/ 31 января 2019

Я получил проект .Net с использованием MVC и Razor.Я перехожу к просмотру списка, содержащего продукты, где у меня есть ProdutoValor (значение продукта) с TextboxFor для QuantidaVenda (Количество проданных товаров) для каждого итена.Я хочу получить значение «QuantidadeVenda * ProdutoValor» для каждого элемента и показать в текстовом поле общее значение.Как мне это сделать с помощью javascript?

Я хочу подсчитать сумму, как только пользователь введет количество

, вот мое мнение: 

            @for (int i = 0; i < Model.Produtos.Count; i++)
            {

                <tr>

                    <td>
                        @Html.HiddenFor(model => model.Produtos[i].ProdutoId)
                        @Html.HiddenFor(model => model.Produtos[i].ProdutoDescricao)
                        @Html.DisplayFor(model => model.Produtos[i].ProdutoNome)@Html.HiddenFor(model => model.Produtos[i].ProdutoNome)
                    </td>
                    <td>
                        @Html.DisplayFor(p => p.Produtos[i].ProdutoValor, new { @class = "form-control", Value = Model.Produtos[i].ProdutoValor }) @Html.HiddenFor(model => model.Produtos[i].ProdutoValor)
                    </td>
                    <td>
                        @Html.DisplayFor(p => p.Produtos[i].ProdutoEstoque, new { @class = "form-control", Value = Model.Produtos[i].ProdutoEstoque })@Html.HiddenFor(model => model.Produtos[i].ProdutoEstoque)
                    </td>
                    <td>
                        @if (Model.Produtos[i].ProdutoEstoque < 1)
                        {
                            @Html.TextBoxFor(p => p.Produtos[i].QuantidadeVenda, new { value = 0, disabled = "disabled" })
                        }
                        else
                        {
                            @Html.TextBoxFor(p => p.Produtos[i].QuantidadeVenda, new { value = 0, @id = "quantidade" })
                            if (Model.Produtos[i].ProdutoEstoque < Model.Produtos[i].QuantidadeVenda)
                            {<p>valor invalido</p>}
                        }
                    </td>
                </tr>

            }

     [enter image description here][1]

как выглядит список

1 Ответ

0 голосов
/ 31 января 2019

Для Javascript: 

Onchange Event for  QuantidadeVenda(quantity):
function onchange()
{
var total=  document.getElementById("name of total textbox").Value* 
            document.getElementById("name of quantity textbox").value
  document.getElementById("name of total textbox").innerHTML=total
}

Jquery: 

on change or LostFocus Event
$("input").change(function(){
   var total=  $("#name of total textbox").val()* 
               $("#name of quantity textbox").val()
      $("#name of total textbox").val=total
});

Обновленный код

HTML: 

<table  border="1">
        <tr>
        <td>product</td>
        <td>quantity</td>
        <td>total</td>
        </tr>
        <tr>
            <td>
                10
            </td>
            <td>
                <input type="text" name="txt" value="" onchange="myFunction(this)">
            </td>
            <td><label>_</label></td>
        </tr>
        <tr>
            <td>
                10
            </td>
            <td>
                <input type="text" name="txt" value="" onchange="myFunction(this)">
            </td>
            <td><label>_</label></td>
        </tr>
    </table>

Javascript: 

 function myFunction($this) {
        debugger           $($this).parent().siblings(":last").find('label').text($($this).parent().siblings().first().text().trim() * $this.value)

    }
...