Multiple var check if empty then replace with 0 javascript

Question

I have multiple "input" from HTML.

<input type="text" id="m" />
<input type="text" id="m2" />
<input type="text" id="m3" />
<input type="text" id="m4" />

and I would like each of these to be checked if empty and then replaced with 0 in javascript I used the following

var m1 = document.getElementById('m1').value;
if (m1 === ""){
m1 = 0;
}

Is any simple way to check all the input text areas and then replace each empty with 0 value.

You could give each of the elements the same class and then grab them all at once and loop through them checking if they have empty value and replace with 0, for an example please see my answer below. — Ryan Wilson
– Ryan Wilson, Commented Feb 7, 2018 at 15:45
You should consider lib to do it for you if this is not just a simple test crap which you are going to throw away anyway. — Vitaliy Terziev
– Vitaliy Terziev, Commented Feb 7, 2018 at 15:51

Ryan Wilson · Accepted Answer · 2018-02-07 15:48:02Z

3

<input type="text" id="m" class="txtEmptyReplace" />
<input type="text" id="m2" class="txtEmptyReplace" />
<input type="text" id="m3" class="txtEmptyReplace" />
<input type="text" id="m4" class="txtEmptyReplace" />

Now that they all have the same class in your js code do something like this:

let myTextElements = document.getElementsByClassName("txtEmptyReplace");
for(let x = 0; x < myTextElements.length; x++){
    if(myTextElements[x].value === ""){
       myTextElements[x].value = 0;
    }
}

answered Feb 7, 2018 at 15:48

Ryan Wilson

10.9k3 gold badges23 silver badges46 bronze badges

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

Comments

sliptype · Accepted Answer · 2018-02-07 15:48:06Z

0

You could do:

let list = document.querySelectorAll('input')

list.forEach((input) => {
   let val = input.value;
   if (val === ""){
      val = 0;
   }
})

answered Feb 7, 2018 at 15:48

sliptype

2,9741 gold badge18 silver badges29 bronze badges

2 Comments

Vitaliy Terziev Over a year ago

Isn't this supposed to cause some cross-browser issues, older version, IE etc? P.S (w/o the let nonsense, I mean the forEach).

sliptype Over a year ago

Correct, NodeList is not supported in IE

Collectives™ on Stack Overflow

Multiple var check if empty then replace with 0 javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related