Bagaimana untuk membaca bandar daerah dalam javascript

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas dalam pembangunan web dan popular kerana ia mudah dipelajari dan digunakan. Untuk pemula, adalah sangat penting untuk memahami asas pembolehubah dan jenis data, operator, pernyataan bersyarat, pernyataan gelung, dll. dalam JavaScript. Artikel ini akan memperkenalkan cara JavaScript membaca input untuk membantu pembaca mempelajari dan menggunakan bahasa ini dengan lebih baik.

1. Baca input kotak teks

Dalam JavaScript, anda boleh mendapatkan elemen HTML melalui kaedah getElementById() dalam objek dokumen dan membaca atribut nilai elemen. Ini berguna apabila membaca input kotak teks. Sebagai contoh, coretan kod berikut menunjukkan cara membaca input daripada kotak teks yang mengandungi atribut id:

var input = document.getElementById("myInput");
var inputValue = input.value;

Di mana "myInput" ialah nilai atribut id kotak teks. InputValue berubah akan memegang nilai yang dimasukkan dalam kotak teks.

2. Baca butang radio dan input kotak semak

Untuk elemen borang seperti butang radio dan kotak pilihan, anda boleh menggunakan coretan kod berikut untuk membaca Status pilihannya:

var radioBtn = document.getElementsByName("myRadioBtn");
var checkbox = document.getElementById("myCheckbox");

var radioSelectedValue;
for(var i=0; i<radioBtn.length; i++){
    if(radioBtn[i].checked){
        radioSelectedValue = radioBtn[i].value;
        break;
    }
}

var checkboxValue = checkbox.checked;

Di mana, "myRadioBtn" dan "myCheckbox" masing-masing ialah nilai atribut id bagi kumpulan butang radio dan kotak semak. Dalam pembacaan butang radio, dengan menggelung melalui semua elemen butang radio, hanya atribut nilai elemen yang dipilih akan diberikan kepada radioSelectedValue berubah. Apabila membaca kotak semak, sifat checkbox.checked akan mengembalikan benar atau palsu, menunjukkan sama ada kotak semak dipilih.

3. Baca input senarai lungsur turun

Senarai lungsur ialah elemen bentuk yang sangat biasa yang menyediakan berbilang pilihan untuk dipilih oleh pengguna. Dalam JavaScript, anda boleh mendapatkan nilai pilihan yang dipilih dengan cara berikut:

var select = document.getElementById("mySelect");
var selectedOption = select.options[select.selectedIndex].value;

di mana "mySelect" ialah nilai id senarai juntai bawah. Melalui sifat pilihan objek pilih, anda boleh mendapatkan objek HTMLCollection yang mengandungi pilihan yang disediakan oleh senarai juntai bawah. Melalui atribut SelectedIndex, anda boleh mendapatkan nilai indeks pilihan yang sedang dipilih. Akhir sekali, apabila mendapat nilai pilihan yang dipilih, baca sahaja sifat nilainya.

4. Baca input acara tetikus

Selain input elemen borang, JavaScript juga boleh membaca input pengguna melalui acara tetikus. Sebagai contoh, kod berikut menunjukkan cara untuk mencetuskan acara apabila butang diklik:

var button = document.getElementById("myButton");
button.addEventListener("click", function(){
    // 这里是事件触发时执行的代码
});

Dalam contoh ini, "myButton" ialah nilai id sesuatu butang. Pendengar acara klik ditambahkan pada butang melalui kaedah addEventListener(). Apabila pengguna mengklik butang, kod dalam pendengar acara akan dilaksanakan.

Ringkasan

Dengan kaedah di atas, kita boleh membaca pelbagai jenis input pengguna dengan mudah. Dalam aplikasi praktikal, kami juga boleh mencapai kesan bahagian hadapan interaktif dalam pelbagai cara. Menguasai kemahiran ini, kami boleh menggunakan JavaScript dengan lebih fleksibel untuk mencapai aplikasi web yang lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk membaca bandar daerah dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!