Get values of multiple fields by names in jQuery/JS

Question

Currently I have this code for getting multiple weight

 <input type="number" name="myWeight" id="1A">
 <input type="number" name="myWeight" id="1B">
 <input type="number" name="myWeight" id="1C">

This is my current javascript lines

var selWeight = []; 
$('input[name="myWeight"]').each(function() {
    selWeight.push($(this).val());
});
alert(selWeight);

This current code is working fine and this is the output of this code

But the problem is if the user only enters this

and this is the output

What I only want is to get the text field that is not empty.

why not just check empty value before push. if($(this).val() != '') selWeight.push($(this).val()); — 4b0
– 4b0, Commented Nov 5, 2019 at 6:35

King RG · Accepted Answer · 2019-11-05 06:37:06Z

1

This works fine thank you @Shree

   if($(this).val() != '') 
       selWeight.push($(this).val());

answered Nov 5, 2019 at 6:37

King RG

5102 gold badges13 silver badges28 bronze badges

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

Comments

Aksen P · Accepted Answer · 2019-11-05 06:37:26Z

1

Try to replace

$('input[name="myWeight"]').each(function() {
    selWeight.push($(this).val());
});

with next:

$('input[name="myWeight"]').each(function() {
    if ($(this).val() != '') {
        selWeight.push($(this).val());
    }
});

answered Nov 5, 2019 at 6:37

Aksen P

4,6153 gold badges16 silver badges27 bronze badges