Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mendapatkan ID Butang yang Diklik Menggunakan JavaScript?

Bagaimanakah Saya Boleh Mendapatkan ID Butang yang Diklik Menggunakan JavaScript?

Barbara Streisand
Lepaskan: 2024-11-27 02:40:11
asal
731 orang telah melayarinya

How Can I Get the ID of a Clicked Button Using JavaScript?

Dapatkan ID Butang Diklik Menggunakan JavaScript

Apabila menggunakan butang HTML dengan acara onClick, ia boleh berguna untuk mendapatkan ID daripada butang yang diklik. Maklumat ini boleh digunakan untuk pelbagai tujuan, seperti memilih tindakan yang sesuai atau memaparkan data tertentu.

Untuk mencapainya, anda boleh mengubah suai kod HTML dan JavaScript anda seperti berikut:

<button>
Salin selepas log masuk

Dalam HTML yang dikemas kini ini, setiap butang kini memanggil fungsi reply_click dan menghantar IDnya sendiri sebagai parameter apabila diklik.

Fungsi JavaScript juga diubah suai:

function reply_click(clicked_id) {
    alert(clicked_id);
}
Salin selepas log masuk

Kini, apabila butang diklik, fungsi reply_click dicetuskan dan ID butang yang diklik dihantar sebagai parameter clicked_id. Ini membolehkan anda mengenal pasti dengan mudah butang tertentu yang telah diklik dan melakukan tindakan yang diperlukan.

Untuk menunjukkan cara ini berfungsi, anda boleh menggantikan kod asal anda dengan versi yang diubah suai dan klik pada mana-mana butang. Anda sepatutnya melihat kotak makluman yang memaparkan ID butang yang diklik.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan ID Butang yang Diklik Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan