Sự kiện thay đổi kích hoạt jquery trên hộp kiểm

Question

Có thể kích hoạt sự kiện thay đổi trên hộp kiểm bằng javascript/jquery không?

Something như thế này (tôi chạy triggerChange trên một nút bấm):

<label><input type="checkbox" id="chk"/>Label for chk</label> 

<script> 
function triggerChange(){ 
    $("#chk").trigger("change"); 
} 
</script> 

Khi tôi chạy đoạn mã trên tôi nhận được lỗi này: "kích hoạt không phải là một chức năng".

Answer 1

Đó trigger is not a function thông báo lỗi chỉ ra cái gì khác là lúc chơi. Theo SO câu hỏi này:

What happens when a jQuery selector wasn't found?

no.good.at.coding nói:

Do note however that you must ensure that selector is a jQuery object! Otherwise, you could get an error indicating that "trigger is not a function".

Đó là khả năng là bạn đã quên jQuery?

---

Để thực hiện, bạn nên sử dụng nó theo cách bạn đang sử dụng. Nhưng trigger nên được sử dụng để kích hoạt các phương thức sự kiện trên các phần tử đã được đính kèm thông qua jQuery. Kiểm tra trình diễn của tôi:

Fiddle:
Với nhấp chuột sự kiện: http://jsfiddle.net/fS4R5/1/
Nếu không có nhấp chuột sự kiện: http://jsfiddle.net/fS4R5/2/

HTML:

<label><input type="checkbox" id="chk"/>Label for chk</label> 

JS:

function triggerChange(){ 
    $("#chk").trigger("change"); 
} 

$("#chk").change(function() { 
    alert("triggered!"); 
}); 

triggerChange(); 

Answer 2

Trong jQuery, bạn thường có thể kích hoạt một sự kiện bằng cách gọi phương thức eventhandler với bất kỳ tham số hàm nào.

Ví dụ một handler nhấp chuột có thể được chỉ định như vậy:

$('#mything').click(function(e){dostuff});

sự kiện nhấn trong chính nó có thể được kích hoạt bằng cách đơn giản chạy: $('#mything').click();

Tôi nghi ngờ điều này có thể được thực hiện cho mỗi sự kiện hiện có trong jQuery.

Answer 3

Tôi nghĩ rằng phương thức ưu tiên kể từ 1.9.1 là 'bật'. Đặc biệt nếu bạn sử dụng hộp kiểm được thêm động.

Giả sử bạn có một div với id = 'divCOntent' và trên đó là một hộp kiểm với id = 'cballaut', bạn có thể làm điều này

$('#divcontent').on('click', '#cballaut', function (e) { 
        alert(this.checked); 
       }); 

Answer 4

sử dụng phương pháp chống đỡ.

$('#myCheck').prop('checked', true); 
$('#myCheck').prop('checked', false);