Ottieni l'ID di un elemento tramite una funzione

Question

Ho una funzione chiamata in un evento onclick in un campo di controllo.

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

e la funzione

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

ho che ma restituisce undefined. La mia sintassi è sbagliata o mi sono perso qualcosa?

Queste caselle di controllo vengono create dinamicamente e hanno ID diversi, ecco perché voglio ottenere l'id per qualche attività.

Answer 1

Nota che this nella tua funzione changeEnable sarà il window. È necessario passare il riferimento all'elemento come parametro alla funzione:

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

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

Oppure, come un miglioramento, utilizzare Javascript per collegare i vostri eventi per una migliore separazione degli interessi:

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

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

Si noti che quanto sopra utilizza l'evento change della casella di controllo, che è meglio per motivi di accessibilità.

Answer 2

Credo che questo codice aiuterà ua sacco

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

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

Answer 3

uso in questo modo:

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

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

Answer 4

Inoltre si deve essere consapevoli del .Call metodo che getta contesto di input funzionare.

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

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