Check 2 input fields and a select field for changing after they all have been filled

Question

I have 2 input fields and a select box. When someone fills in all 3 fields there has to be some calculation. Everytime on of these fields change when they are all filled, the calculation should be fired again.

I achieved to do this with just the select box like this.

function showPrice() {
    calculate();
    $('#overview').removeClass('hidden');
}


$(".select").on('change', function()
    {
        showPrice();
    }
);

But how can I do this with 3 elements from different types?

Answer 1

Create a function that loops through all elements you want and returns true if all of them are filled.

This would be the basic code:

    function check(){
    var filled = true;
    $('input').each(function(inx,elem){
        if($(elem).val()=='')
            filled = false;
    });

    return filled;
}

Check a working example HERE

Note that I used text and file types, but that should do for any type.