Bagaimana untuk mendapatkan nilai dalam javascript

Dengan perkembangan pesat pembangunan web moden, JavaScript telah menjadi salah satu bahasa terpenting dalam pembangunan bahagian hadapan web. Dalam JavaScript, mendapatkan nilai adalah operasi yang sangat asas dan penting, dan ia juga merupakan bahagian yang sangat diperlukan dalam kerja pembangunan harian. Artikel ini akan memperkenalkan kaedah dan teknik untuk mendapatkan pelbagai jenis nilai dalam JavaScript, dan menyediakan beberapa kes praktikal.

1. Dapatkan nilai kotak input

Dalam pembangunan web, biasanya kita perlu mendapatkan data input daripada pengguna, seperti input pengguna dalam kotak input borang. JavaScript menyediakan beberapa kaedah untuk mendapatkan nilai kotak input, termasuk:

1. Dapatkan kotak input mengikut id

Cara paling mudah untuk mendapatkan kotak input ialah melalui Dapatkan elemen dengan id, dan kemudian dapatkan nilai elemen. Contohnya, untuk kotak input dengan id "input", anda boleh menggunakan kod berikut untuk mendapatkan nilainya:

let inputEle = document.getElementById('input');
let inputValue = inputEle.value;

2. Dapatkan kotak input mengikut nama

Selain id Dapatkan kotak input, kita juga boleh mendapatkan kotak input melalui atribut nama. Kaedah ini sesuai untuk borang yang mengandungi berbilang kotak input Kita boleh mendapatkan elemen kotak input dengan atribut nama yang ditentukan dengan menggelung melalui elemen borang.

let forms = document.forms;
for (let i = 0; i < forms.length; i++) {
  let inputEle = forms[i].elements['username'];
  let inputValue = inputEle.value;
}

2. Dapatkan nilai butang radio dan kotak semak

Dalam borang, kita selalunya perlu mendapatkan nilai butang radio dan kotak semak. Berbeza daripada mendapatkan nilai kotak input, mendapatkan nilai butang radio dan kotak semak memerlukan menggunakan beberapa kaedah yang berbeza.

1. Dapatkan nilai butang radio yang dipilih

Untuk kotak butang radio, kita perlu menggelung melalui kotak butang radio, cari elemen yang dipilih dan dapatkan nilainya.

let radios = document.getElementsByName('gender');
let radioValue;
for (let i = 0; i < radios.length; i++) {
  if (radios[i].checked) {
    radioValue = radios[i].value;
    break;
  }
}

2. Dapatkan nilai berbilang kotak pilihan

Untuk kotak pilihan, kami mungkin perlu mendapatkan berbilang nilai kotak pilihan yang dipilih. Pada masa ini, kita perlu menggunakan kaedah gelung melalui kotak semak dan menyimpan nilai kotak semak yang dipilih dalam tatasusunan.

let checkboxes = document.getElementsByName('hobbies');
let checkboxValues = [];
for (let i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    checkboxValues.push(checkboxes[i].value);
  }
}

3. Dapatkan nilai senarai lungsur turun

Senarai lungsur turun juga merupakan elemen bentuk biasa, dan kita perlu mendapatkan nilai yang dipilih daripadanya. Seperti butang radio, kita perlu mengulangi senarai juntai bawah, cari elemen yang dipilih dan dapatkan nilainya.

let selectEle = document.getElementById('city');
let selectValue = selectEle.options[selectEle.selectedIndex].value;

4 Dapatkan nilai parameter URL

Dalam pembangunan web, kita selalunya perlu mendapatkan nilai parameter dalam URL. JavaScript menyediakan beberapa kaedah untuk mendapatkan nilai parameter dalam URL, seperti URLSearchParams dan atribut location.search.

1. URLSearchParams

URLSearchParams ialah API baharu yang boleh menghuraikan rentetan pertanyaan URL dengan mudah. Kita boleh menggunakan kaedah get untuk mendapatkan nilai parameter yang ditentukan.

let params = new URLSearchParams(location.search);
let id = params.get('id');

2. location.search

Jika anda ingin mendapatkan nilai parameter dalam URL, anda boleh menggunakan sifat location.search bagi objek tetingkap objek global. location.search mengembalikan bahagian pertanyaan URL (bahagian yang bermula dengan tanda soal ?).

let searchStr = window.location.search;
let params = new URLSearchParams(searchStr);
let id = params.get('id');

5. Ringkasan

Artikel ini terutamanya memperkenalkan cara javascript boleh memperoleh pelbagai jenis nilai, termasuk mendapatkan nilai daripada kotak input borang, kotak radio, kotak semak dan senarai lungsur, dan daripada Dapatkan nilai parameter daripada URL. Tidak kira apa jenis nilainya, JavaScript menyediakan kaedah yang sepadan untuk mendapatkannya Kami hanya perlu memilih kaedah yang sesuai mengikut keperluan sebenar. Dalam kerja pembangunan harian, memahami kaedah ini akan membawa kemudahan dan kecekapan yang hebat kepada kerja anda.

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