jQuery Math - No calculation with empty fields

Question

I have a simple parse to get the sum of a collection of textareas. It works fine, but if there's no value placed in the field, then the calculation just doesn't run.

How can I make the default value 0 without having the contents actually have to be 0? Like, I don't want the fields to load up with a 0 already waiting in the box - I just want the formula to not worry about empty fields.

Here's the jQuery:

jQuery(document).ready(function(){

  jQuery(".button1").click(function(){

  var set1 = function() {
  var calc1 = 0;
  $('.calc1').each( function(index,item) {
    calc1 += parseInt(jQuery(item).val());
  });
  $('.result1').html(calc1);
}
set1();

  });

});

The codepen can be seen here if you'd like to get a better idea: https://codepen.io/JTBennett/pen/NENMdP

I appreciate any help with this! I know it's probably a stupid mistake, but I've tried a few different things and not gotten anywhere yet.

Possible duplicate of Replace a value if null or undefined in JavaScript — Heretic Monkey
– Heretic Monkey, Commented Nov 8, 2018 at 22:39

Matthew FitzGerald-Chamberlain · Accepted Answer · 2018-11-08 22:37:02Z

5

Try parseInt(jQuery(item).val() || 0). The || operator will return the second value if the first is falsey. Therefore if the value is empty, it will try to parse '0' which it will successfully.

edited Nov 8, 2018 at 22:37

answered Nov 8, 2018 at 22:33

Matthew FitzGerald-Chamberlain

5644 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

zfrisch Over a year ago

This is correct, but in order to do less work you can use the numeric 0 instead of a string.

Nosajimiki Over a year ago

Definitely cleaner than my answer +1

Matthew FitzGerald-Chamberlain Over a year ago

@zfrisch Good catch, forgot the Javascript parseInt works on numeric values as well.

user9393686 Over a year ago

Thank you very much! I really need to learn how to do this stuff properly, I feel like I'm missing a foundation since I never went to school for this stuff :|

Nosajimiki · Accepted Answer · 2018-11-08 22:35:38Z

1

Just make an if statement that looks for an empty field and then replace it with 0.

  $('.calc1').each( function(index,item) {
    var itemValue = jQuery(item).val();
    if (itemValue === "") {itemValue = 0;}
    calc1 += parseInt(itemValue);
  });

answered Nov 8, 2018 at 22:35

Nosajimiki

1,1031 gold badge9 silver badges19 bronze badges

Comments

V. Sambor · Accepted Answer · 2018-11-08 22:36:30Z

0

You can just replace your line with this:

calc1 += parseInt(jQuery(item).val() || 0);

answered Nov 8, 2018 at 22:36

V. Sambor

13.4k6 gold badges51 silver badges68 bronze badges

Collectives™ on Stack Overflow

jQuery Math - No calculation with empty fields

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related