Referencing multiple elements in function using 'this' - JavaScript

Question

Take this function:

$(document).on('change', '#ele1, #ele2', function() {
    if (this.value == "") {
        $('.link').bind('click', false);
    } else {
        $('.link').unbind('click', false);
    }
});

How would I reference the elements #ele1 and #ele2 separately using this?

@LeeTaylor I want an easy way to check if the values of `ele1` and `ele2` are empty - it's for validation. — Edward, Sep 19 '14 at 02:26
`this` refers to the currently changed element - http://jsfiddle.net/arunpjohny/08dqo0um/1/ — Arun P Johny, Sep 19 '14 at 02:27
@ArunPJohny So what you're saying is i am actually already doing that? — Edward, Sep 19 '14 at 02:28
I am trying to disable a link based on if either of these two inputs are empty any neat ideas? - need it to trigger if either one is changed. — Edward, Sep 19 '14 at 02:33

score 0 · Answer 1 · answered Sep 19 '14 at 02:41

As ArunPJohny pointed out this references the currently changed element only, so instead i just referenced them directly.

$(document).on('change', '#group_name, #dept-name-input', function() {
    if ( $('#group_name').val() == "" || $('#dept-name-input').val() == "") {
        $('.add-td').bind('click', false);
    } else {
        $('.add-td').unbind('click', false);
    }
});

Referencing multiple elements in function using 'this' - JavaScript

1 Answers1