Mengubah Action Click Button Secara Dinamis dengan Fungsi unbind

yohanli.com

Created with Sketch.

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/

Facebook Comments

Leave a Reply

Your email address will not be published. Required fields are marked *