Nhận id của một phần tử thông qua một hàm

Question

Tôi có một chức năng đó được gọi là trong một sự kiện onclick trong một lĩnh vực hộp kiểm.

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

và chức năng

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

Tôi có đó nhưng nó sẽ trả về undefined. Cú pháp của tôi sai hay tôi đã bỏ lỡ điều gì đó?

Những hộp kiểm được tự động tạo ra và có id khác nhau, đó là lý do tại sao tôi muốn nhận được id cho một số nhiệm vụ.

Answer 1

Lưu ý rằng this trong chức năng changeEnable của bạn sẽ là window. Bạn cần phải vượt qua tham chiếu đến phần tử như một tham số cho hàm:

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

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

Hoặc, như một sự cải tiến, sử dụng Javascript để đính kèm các sự kiện của bạn cho một tách tốt hơn các mối quan tâm:

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

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

Lưu ý rằng ở trên sử dụng sự kiện change của hộp kiểm, điều này tốt hơn vì lý do trợ năng.

Answer 2

tôi nghĩ rằng mã này sẽ giúp ua nhiều

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

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

Answer 3

sử dụng theo cách này:

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

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

Answer 4

Ngoài ra, bạn cần phải nhận thức phương pháp .call mà ném bối cảnh đầu vào để hoạt động.

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

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