Get id of an element through a function

Question

I have a function that is called in an onclick event in a checkbox field.

<input type='checkbox' checked='' onclick='return changeEnable();' id='someid'>

and the function

function changeEnable()
{
    var val = $(this).attr('id');
    alert(val);
}

I have that but it returns undefined. Is my syntax wrong or did I miss something?

Those checkboxes are dynamically created and have different id's, that's why I want to get the id for some task.

Answer 1

Note that this in your changeEnable function will be the window. You need to pass the reference to the element as a parameter to the function:

<input type='checkbox' checked='' onclick='return changeEnable(this);' id='someid'>

function changeEnable(el) {
    var val = el.id
    alert(val);
}

Or, as an improvement, use Javascript to attach your events for a better separation of concerns:

<input type="checkbox" id="someid">

$(function() {
    $('#someid').change(function() {
        var val = this.id
        alert(val);
    }
});

Note that the above uses the change event of the checkbox, which is better for accessibility reasons.

Answer 2

i think this code will help u a lot

<input type='checkbox' checked='' onclick='return changeEnable(this);' id='someid'>`

function changeEnable(thisobj)
{
    var val = thisobj.id;
    alert(val);
}