Mengubah Action Click Button Secara Dinamis dengan Fungsi unbind

Pada artikel ini dijelaskan cara mengubah action click button secara dinamis.

Contoh apabila ada 3 button, button_pertama, button_kedua dan button_ketiga. Action pada button_ketiga ditentukan oleh action button_pertama atau action button_kedua. Apabila button_pertama di click, maka button_ketiga akan memanggil fungsi_pertama apabila di-click. Apabila button_kedua di-click, maka button_ketiga akan memanggil fungsi_kedua.

Setiap button_pertama atau button_kedua di-click akan dipanggil dahulu fungsi unbind click action untuk button_kedua Fungsi unbind pada javascript digunakan untuk melepaskan action fungsi sebelumnya. Setelah fungsi unbind dipanggil, button_ketiga dapat di-bind pada fungsi baru.

Berikut baris kode javascript menggunan JQuery, kode ini diletakkan di dalam $(document).ready(function(){}):

$(‘#button_pertama’).click(function() {

$(‘#button_ketiga’).unbind(‘click’);

$(‘#button_ketiga’).click(fungsi_pertama);

});

function fungsi_pertama()

{

// Kode untuk fungsi_pertama

}

$(‘#button_kedua’).click(function() {

$(‘#button_ketiga’).unbind(‘click’);

$(‘#button_ketiga’).click(fungsi_kedua);

});

function fungsi_kedua()

{

// Kode untuk fungsi_kedua

}

Referensi selengkapnya mengenai fungsi unbind dapat dilihat di http://api.jquery.com/unbind/

Yohan Naftali

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.