亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用多個輸入值 Javascript 進行多次添加

使用多個輸入值 Javascript 進行多次添加

婷婷同學_ 2022-12-22 14:35:05
我在一個 div 中創建了很多數字。每次有人點擊一個數字時,我都想將其添加到另一個 div。讓我用一些例子來說明:當用戶點擊add類時,.addcop應該將 的值添加到 的值.totalyHide。這意味著該值應更改為12.當我點擊 時,.add2值應該被添加到 上12,因此 的值.totalyhide變為32.80。和其他條款,如果我點擊第一個 + 并點擊第二個 +,它們應該在 Yearly Price 上加在一起。我希望你明白我想做什么。$('.add').click(function() {  $('.addcop').click();  var dp = $(".addcop").val();  var total = $(".totalyHide").val();  var bigTotal = parseFloat(total) + parseFloat(dp);  $(".totaly").val("$" + bigTotal);});$('.add2').click(function() {  $('.procurement').click();  var procurement = $(".procurement").val();  var total = $(".totalyHide").val();  var bigTotal = parseFloat(total) + parseFloat(procurement);  $(".totaly").val("$" + bigTotal);});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"><div class="box box6">  <div class="titlet">work on it    <hr>  </div>  <div class="explain">to help you better</div>  <div class="money">    <p class="me">$12 Yearly</p><i class="add fas fa-plus-square fa-2x"></i></div>  <input type="text" name="content" class="addcop" style="display: none;" value="12"></div><div class="box box5">  <div class="titlet">Procurement    <hr>  </div>  <div class="explain"></div>  <div class="money">    <p class="me">$20.80 Yearly</p><i class="add2 fas fa-plus-square fa-2x"></i></div>  <input type="text" class="procurement" style="display: none;" value="20.80"></div>
查看完整描述

1 回答

?
慕森王

TA貢獻1777條經驗 獲得超3個贊

您編寫的 JQuery 代碼存在一個小問題。您可以添加以下更改以獲得所需的結果。


$('.add').click(function() {

  $('.addcop').click();

  var dp = $(".addcop").val();

  var total = $(".totalyHide").val();

  var bigTotal = parseFloat(total) + parseFloat(dp);

  $(".totalyHide").val(bigTotal); // Add this line here

  $(".totaly").val("$" + bigTotal);

});

$('.add2').click(function() {

  $('.procurement').click();

  var procurement = $(".procurement").val();

  var total = $(".totalyHide").val();

  var bigTotal = parseFloat(total) + parseFloat(procurement);

  $(".totalyHide").val(bigTotal); // Add this line here

  $(".totaly").val("$" + bigTotal);

});

這里要注意的是,無論何時計算總計,都必須將該總計設置為 $(".totalyHide"),以便您可以在下次單擊時讀取更新后的值。


查看完整回答
反對 回復 2022-12-22
  • 1 回答
  • 0 關注
  • 116 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號