How to check whether specific items inside an array have a value? Javascript

Question

I have a function which gets values from elements:

function getTransactionValues() {
    var o = {};
    o.reservations        = [];
    $('#custom-headers option:selected').each(function (i, selected) {
        o.reservations[i] = $(selected).val();
    });
    o.amount              = $('input[name=amount-price]').val();
    o.currency_value      = $('input[name=currency-value]').val();
    o.currency_name       = $('.currency_appendto option:selected').html();
    o.actual_amount       = $('input[name=actual-amount]').val();
    o.actual_remaining    = $('input[name=actual-remaining]').val();
    o.funds_arrival_date  = $('input[name=funds-arrival]').val();
    o.paid_to             = $('.paidto option:selected').html();
    o.checkbox            = $('.multi-transaction:checked').map(function () {
        return this.value
    }).get();
    return o;
}

Now i want to check whether amount, actual_amount and funds_arrival_date are filled. if they are i will release the disabled class from a button. i've tried

    var check_review = function () {
    var a = getTransactionValues();
    var options = [a.amount, a.actual_amount, a.funds_arrival_date];

    for(i = 0; i < options.length; i++) {
        if(options[i].length > 0) {
            $('a[name=review_button]').removeClass('disabled');
        }
        else{
            //this array is empty
            alert('There is a problem!');
        }
    }
}

$('.test').click(function() {
    check_review();
});

But it doesn't seems to be working..

@void it removes if the elements inside the array have or does not have values.. like it doesn't check it right — Ilanus, Nov 30 '15 at 11:08

score 1 · Answer 1 · edited May 23 '17 at 11:44

1

Remove disabled attribute using JQuery?

Can you please look at above link, I think we should use $('.inputDisabled').prop("disabled", false);

edited May 23 '17 at 11:44

Community

1
1

answered Nov 30 '15 at 11:12

mgopi

59
1
4

score 0 · Answer 2 · answered Nov 30 '15 at 11:11

Even if a single array element will be non empty then your code will remove the class disabled from the a. To make sure that all the elements of array are non empty and then only you want to remove the class then the way is:

for(i = 0; i < options.length; i++) {
        if(options[i].length > 0) {
            $('a[name=review_button]').removeClass('disabled');
        }
        else{
            $('a[name=review_button]').addClass('disabled');
        }
    }

Or the other way is

var check = true;
for(i = 0; i < options.length; i++) {
        if(options[i].length == 0) {
            check = false;
        }

    }

if(check ) $('a[name=review_button]').removeClass('disabled');

score 0 · Answer 3 · answered Nov 30 '15 at 11:13

0

Try using Array.prototype.every()

if (options.every(Boolean)) {
  $("a[name=review_button]").removeClass("disabled");
} else {
  // do other stuff
}

answered Nov 30 '15 at 11:13

guest271314

1
15
104
177

Could you tell me what does Boolean expect? – Ilanus Nov 30 '15 at 11:25
@IlanHasanov Empty string `""` returns `false` ; e.g., `Boolean("") // false` , `Boolean(".") // true` – guest271314 Nov 30 '15 at 11:29

How to check whether specific items inside an array have a value? Javascript

3 Answers3