ขอสอบถามการบวกเลขหลาย 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

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

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


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


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

 ความคิดเห็นที่ 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,414
ninenik 02-11-2020
 ความคิดเห็นที่ 2
ได้แล้วครับ ขอบคุณครับ


Thammarat Phanphai 03-11-2020 08:51






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ