ขอสอบถามการบวกเลขหลาย input ครับ ไม่ทราบว่าต้องทำอย่างไรครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ขอสอบถามการบวกเลขหลาย input ครับ ไม่ทราบว่าต้องทำอย่างไรครับ

ขอสอบถามการบวกเลขหลาย input ครับ ไม่ทราบว่าต้องทำอย่างไรครับ

คือผมอยากได้แบบในรูปครับ โค้ดผม มันบวกได้ แต่ได้แค่แถวที่ 1 กับแถวที่ 4 ส่วน 2และ3 ดันไม่บวก ไม่ทราบว่ามีแนวทางอื่นมั้ยครับ

ขอบคุณครับ

var count = <?php echo $ac_number; ?>-1;  
var total_input = count;
var temp_arr = [0];
jQuery(document).ready(function($) {
  temp_arr[count] = total_input;
 
});
  
function calculateFinal() {
  var final_val = 0;
  $('.total').each(function() {
    final_val += parseFloat(this.value.replace(/,/g, ''));
  });
  $('.final_total').val(final_val.toFixed(0).replace(/B(?=(d{3})+(?!d))/g, ","));
}
 
$.fn.sumValues = function(i) {
  var sum = 0;
  this.each(function() {
    if ($(this).closest('.text-box').find('input.add')) {
      var obj = $(this).closest('.text-box').find('input.add');
      if (obj.val() != '' || typeof obj != "undefined") {
        var val = 0;
        $(obj).each(function() {
          val += parseFloat($(this).val());
 
        });
        sum += parseFloat(('0' + val).replace(/[^0-9-.]/g, ''), 10);
        $('input[name="txtac_budget_performance[' + i + ']"]').val(sum);
      }
    }
  });
  return sum;
};
$(document).ready(function() {
  $(document).on('change', 'input.add', function() {
    var len = temp_arr.length;
    for (i = 0; i < len; i++) {
      $('input.total').html($('input[name="txtac_budget_performance[' + temp_arr[i] + ']"]').sumValues(temp_arr[i]));
      calculateFinal();
    }
  });
});

Thammarat Phanphai 02-11-2020 19:07:28

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ลองดูตัวอย่างโค้ดนี้เป็นแนวทาง

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Document</title>
</head>
<body>
 
  <div class="row_class">
    <input type="number" class="h_class" value="1">
    <input type="number" class="h_class" value="4">
    =
    <input type="number" class="v_class">
  </div>
  <div class="row_class">
    <input type="number" class="h_class" value="2">
    <input type="number" class="h_class" value="2">
    =
    <input type="number" class="v_class">
  </div>
  <div class="row_class">
    <input type="number" class="h_class" value="1">
    <input type="number" class="h_class" value="3">
    =
    <input type="number" class="v_class">
  </div>
  <div >
    Sum: <input type="number" class="tt_class">
  </div>
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  <script>
  $(function(){
     
    $(".h_class,.v_class").on("change", sumfunc);
    sumfunc();
    function sumfunc(){
      var total = 0;
      $(".row_class").each(function(h,j){
        var sum = 0;
        $(this).find(".h_class").each(function(i,k){
          sum += parseFloat($(k).val());
        });  
        total += sum;
        $(this).find(".v_class").val(sum);
        $(".tt_class").val(total);
      });      
    }
  });
  </script>
</body>
</html>

ตัวอย่าง DEMO

บทความแนะนำที่เกี่ยวข้อง
ประยุกต์รวมข้อมูลแถวในตาราง ด้วย jquery ร่วมกับ data attribute	อ่าน 10,788

ninenik 02-11-2020

ความคิดเห็นที่ 2

ได้แล้วครับ ขอบคุณครับ

Thammarat Phanphai 03-11-2020 08:51

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน