第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用 java 腳本通過(guò)更改用戶購(gòu)物籃中的產(chǎn)品數(shù)量來(lái)更改總價(jià)

如何使用 java 腳本通過(guò)更改用戶購(gòu)物籃中的產(chǎn)品數(shù)量來(lái)更改總價(jià)

當(dāng)年話下 2023-07-20 14:34:04
我想在更改數(shù)量時(shí)更改總價(jià)。這是視圖:@foreach (var item in Model)                    {                        <tr>                            <td>@item.Product.Name</td>                            <td><input type="number" value="@item.Count" id="Count" /></td>                            <td id="Price">@item.Product.Price</td>                            <td id="SumPrice">@item.SumPrice</td>                       </tr>                    }這是我使用的java腳本,但它不起作用。當(dāng)我更改數(shù)量時(shí),總價(jià)不會(huì)更改。 $('#Count').on('keyup',function(){    var tot = $('#Price').val() * this.value;    $('#SumPrice').val(tot);});
查看完整描述

1 回答

?
搖曳的薔薇

TA貢獻(xiàn)1793條經(jīng)驗(yàn) 獲得超6個(gè)贊

您不能對(duì)ids多個(gè)元素使用相同的內(nèi)容,而是使用類。然后,使用$(this).closest("tr")獲取最接近的tr參考并使用來(lái)獲取您需要計(jì)算.find的值。td


演示代碼:


$('.Count').on('keyup change', function() {

  //get closest tr -> find price class get value

  var tot = $(this).closest("tr").find('.Price').text() * this.value;

  $(this).closest("tr").find('.SumPrice').text(tot); //set value

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<table>

  <tr>

    <td>Abc</td>

    <!--added class-->

    <td><input type="number" value="1" class="Count" /></td>

    <td class="Price">21</td>

    <td class="SumPrice">21</td>

  </tr>

  <tr>

    <td>Xyz</td>

    <td><input type="number" value="1" class="Count" /></td>

    <td class="Price">12</td>

    <td class="SumPrice">12</td>

  </tr>

</table>


查看完整回答
反對(duì) 回復(fù) 2023-07-20
  • 1 回答
  • 0 關(guān)注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)