Ответ 1
$('.price').blur(function () {
var sum = 0;
$('.price').each(function() {
sum += Number($(this).val());
});
// here, you have your sum
});
У меня есть форма заказа с примерно 30 текстовыми полями, которые содержат числовые значения. Я хотел бы рассчитать сумму всех этих значений при размытии.
Я знаю, как выбрать все текстовые поля, но не как их пропустить и добавить все их значения?
$(document).ready(function(){
$(".price").blur(function() {
//loop and add up every value from $(".price").val()
})
});
$('.price').blur(function () {
var sum = 0;
$('.price').each(function() {
sum += Number($(this).val());
});
// here, you have your sum
});
Еще одна универсальная функция копирования/вставки для вашего проекта.
sumjq = function(selector) {
var sum = 0;
$(selector).each(function() {
sum += Number($(this).text());
});
return sum;
}
console.log(sumjq('.price'));
Если вам не нужно поддерживать IE8, вы можете использовать собственный метод Javascript Array.prototype.reduce()
. Сначала вам нужно будет преобразовать ваш объект JQuery в массив:
var sum = $('.price').toArray().reduce(function(sum,element) {
if(isNaN(sum)) sum = 0;
return sum + Number(element.value);
}, 0);
Ссылка: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce
Аналогично по строкам этих ответов, написанных как плагин:
$.fn.sum = function () {
var sum = 0;
this.each(function () {
sum += 1*($(this).val());
});
return sum;
};
Для записи 1 * x быстрее, чем Number (x) в Chrome
Используйте эту функцию:
$(".price").each(function(){
total_price += parseInt($(this).val());
});
Это должно исправить:
var total = 0;
$(".price").each( function(){
total += $(this).val() * 1;
});
$(".price").each(function(){
total_price += parseFloat($(this).val());
});
попробуйте вот так...
$('.price').blur(function () {
var sum = 0;
$('.price').each(function() {
if($(this).val()!="")
{
sum += parseFloat($(this).val());
}
});
alert(sum);
});
Это будет работать на 100%:
<script type="text/javascript">
function calculate(){
var result = document.getElementById('result');
var el, i = 0, total = 0;
while(el = document.getElementById('v'+(i++)) ) {
el.value = el.value.replace(/\\D/,"");
total = total + Number(el.value);
}
result.value = total;
if(document.getElementById('v0').value =="" && document.getElementById('v1').value =="" && document.getElementById('v2').value =="" ){
result.value ="";
}
}
</script>
Some number:<input type="text" id ="v0" onkeyup="calculate()"><br>
Some number:<input type="text" id ="v1" onkeyup="calculate()"><br>
Some number:<input type="text" id ="v2" onkeyup="calculate()"><br>
Result: <input type="text" id="result" onkeyup="calculate()" readonly><br>