Получить идентификатор элемента через функцию

Question

У меня есть функция, которая вызывается в событии onclick в поле флажка.

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

и функция

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

У меня есть это, но она возвращает undefined. Является ли мой синтаксис неправильным или мне что-то не хватает?

Эти флажки динамически создаются и имеют разные идентификаторы, поэтому я хочу получить идентификатор для какой-либо задачи.

Answer 1

Обратите внимание, что this в вашей функции changeEnable будет window. Вы должны передать ссылку на элемент в качестве параметра функции:

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

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

Или, как улучшение, использовать Javascript, чтобы прикрепить ваши события для лучшего разделения проблем:

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

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

Обратите внимание, что в приведенном выше примере используется событие change, что лучше по соображениям доступности.

Answer 2

я думаю, что этот код поможет иа много

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

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

Answer 3

использовать таким образом:

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

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

Answer 4

Кроме того, вы должны знать .call метод, который проливает контекст ввода функционировать.

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

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