Формат номера PHP не позволяет суммировать сумму jQuery

Question

У меня проблема с вычислениями с числами в jquery. Когда число находится в числовом формате PHP, jquery не обнаруживает эти числа. Пожалуйста, найдите код и экранный снимок вывода. Любая помощь будет оценена по достоинству.

<tr class="noBorder"> 
    <td><span class="circle">1A</span></td> 
    <td><input type="text" class="amnt" value="<?php echo number_format($a1,2);?>"/></td> 
    </tr> 
    <tr class="noBorder"> 
    <td><span class="circle">4</span></td> 
    <td><input type="text" class="amnt" id="4tax" /></td> 
    </tr> 
    <tr class="noBorder"> 
    <td><span class="circle">5A</span></td> 
    <td><input type="text" class="amnt" id="5a" /></td> 
    </tr> 
    <tr class="noBorder"> 
    <td><span class="circle">7</span></td> 
    <td><input type="text" name="7" class="amnt"/></td> 
    </tr> 
    <tr class="noBorder"> 
    <td><span class="circle">7A</span></td> 
    <td><input type="text" name="7a" class="amnt" /></td> 
    </tr> 
    <tr class="noBorder"> 
    <td>1A+4+5A+7+7A</td> 
    <td><span class="circle">8A</span></td> 
    <td> 
<input type="text" id="8a" /> 
    </td> 
    </tr> 

Jquery

$(".amnt").on("keydown keyup", function() { 
     calculateSum(); 
    }); 
function calculateSum() { 
    var sum2 = 0; 
    $(".amnt").each(function() { 
     //add only if the value is number 
     if (!isNaN(this.value) && this.value.length != 0) { 
      sum2 += parseFloat(this.value); 
      //$(this).css("background-color", "#FEFFB0"); 
     } 

    }); 

} 

Выход: 8A = 1A + 4 + 5A + 7 + 7A

Answer 1

Пожалуйста, проверьте это: -

$(".amnt").on("keydown keyup", function() { 
 
    calculateSum(); 
 
}); 
 
function calculateSum() { 
 
var sum2 = 0; 
 
$(".amnt").each(function() { 
 
    //add only if the value is number 
 
    if (this.value.indexOf(',') > -1) { 
 
     sum2 += parseFloat(this.value.split(",").join("")); 
 
    }else if(!isNaN(this.value) && this.value.length != 0) { 
 
     sum2 += parseFloat(this.value); 
 
     $("#sum").text(sum2).css("background-color", "#FEFFB0"); 
 
    } 
 
}); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type = "text" class= "amnt" value = "8,133,231.17"><br/> 
 
<input type = "text" class= "amnt" value = ""><br/> 
 
<input type = "text" class= "amnt" value = ""><br/> 
 
<div id = "sum"></div>

Answer 2

Javascript не может обрабатывать числа с , в нем как тысяч разделителей. Это не число, это строка в формате. Сделайте следующее:

<?php echo number_format($a1, 2, '.', '');?> 

UPD. В JS вы можете удалить , с this.value.replace(/,/g, "") удалить запятые:

parseFloat("12,233.12") 
>12 
parseFloat("12,233.12".replace(/,/g,"")) 
>12233.12 

$(".amnt").on("keydown keyup", function() { 
 
     calculateSum(); 
 
    }); 
 
function calculateSum() { 
 
    var sum2 = 0; 
 
    $(".amnt").each(function() { 
 
     var thevalue = this.value.replace(/,/g,''); 
 

 
     if (!isNaN(thevalue) && thevalue .length != 0) { 
 
      sum2 += parseFloat(thevalue); 
 
      $("#sum").text(sum2).css("background-color", "#FEFFB0"); 
 
     } 
 
    }); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type = "text" class= "amnt" value = "8,133,231.17"><br/> 
 
<input type = "text" class= "amnt" value = ""><br/> 
 
<input type = "text" class= "amnt" value = ""><br/> 
 
<div id = "sum"></div>