Rumah hujung hadapan web tutorial js 用 Javascript 验证表单(form)中多选框(checkbox)值_表单特效

用 Javascript 验证表单(form)中多选框(checkbox)值_表单特效

May 16, 2016 pm 06:47 PM
form kotak semak

本文介绍了一个较为通用的获取 checkbox 值的方法,希望对新手有用。

复制代码 代码如下:



和 radio 一样,都是 name 相同,值有多个,在获取 checkbox 值的时候,我们不能按照普通文本框 .value 的方式,而是要判断哪个被选中了。

当一组 checkbox 有多个选项时,我们可以通过循环,以 checkbox[i] 的方式判断某个选项是否被选中来返回值,但是当一组 checkbox 只有一个选项时,获取值的方式又有变化,代码中以 (checkbox.checked)?checkbox.value:''; 的方式直接判断是否选中,然后返回对应值。

上面的代码传入的参数是 checkbox 对象,如:
复制代码 代码如下:

var checkboxTest = document.forms['testForm'].elements['checkboxTest'];
if (getCheckboxValue(checkboxTest) == '')
{ ...... }

根据判断结果执行你想要的操作。
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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Hubungan antara semak kotak berbilang pilihan dan pilih semua fungsi dalam dokumen Vue Hubungan antara semak kotak berbilang pilihan dan pilih semua fungsi dalam dokumen Vue Jun 21, 2023 am 09:33 AM

Dengan pembangunan berterusan dan kemajuan teknologi hadapan, aplikasi rangka kerja Vue menjadi semakin popular. Dalam aplikasi praktikal Vue, fungsi menyemak berbilang kotak dan memilih semua sering digunakan. Dalam dokumentasi Vue, kaedah pelaksanaan menyemak berbilang kotak pilihan dan memilih semua juga sangat terperinci. Kotak berbilang pilihan dalam Vue Dalam Vue, kaedah pelaksanaan kotak berbilang pilihan adalah sangat mudah Anda hanya perlu menggunakan <inputtype="checkbox"> Apabila beberapa pilihan perlu dibuat

Cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio Cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio Nov 07, 2023 am 11:42 AM

Cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio Vue ialah rangka kerja JavaScript popular yang digunakan secara meluas dalam pembangunan web. Dalam Vue, kami boleh melaksanakan pelbagai kesan interaktif dengan mudah, termasuk kotak berbilang pilihan dan kotak butang radio. Artikel ini akan memperkenalkan cara menggunakan Vue untuk melaksanakan kotak berbilang pilihan dan butang radio serta memberikan contoh kod khusus. Melaksanakan kotak berbilang pilihan Kotak berbilang pilih digunakan untuk membolehkan pengguna memilih berbilang pilihan. Dalam Vue, kita boleh menggunakan arahan model v untuk melaksanakan pengikatan data dua hala bagi kotak berbilang pilihan. Berikut adalah contoh mudah

Binaryx dinamakan semula sebagai bentuk lagi, dan empat yang diberikan kepada masyarakat akan melonjak? Binaryx dinamakan semula sebagai bentuk lagi, dan empat yang diberikan kepada masyarakat akan melonjak? Mar 04, 2025 pm 12:00 PM

Perubahan nama token Binaryx: Dari BNX hingga empat, dan kemudian membentuk, makna yang mendalam di sebalik pelarasan strategik Binaryx baru -baru ini mengubah simbol token dari $ empat hingga $ bentuk, yang telah menarik perhatian yang meluas dari industri. Ini bukan kali pertama Binaryx telah menukar namanya, dan simbol tokennya telah menjalani peralihan dari BNX ke empat. Artikel ini akan meneroka niat strategik yang mendalam di sebalik siri perubahan nama ini. 1. Proses perubahan nama token dan pertimbangan strategik BinaryX pada mulanya melancarkan token $ BNX berdasarkan rantaian BNB pada tahun 2021 untuk menyokong ekosistem permainan Play-to-Earn (P2E). Pada awal tahun 2024, untuk mengoptimumkan model ekonomi, BinaryX membahagikan $ bnx dan secara beransur -ansur berkembang ke Gamef

Pemprosesan borang PHP: petua menggunakan kotak berbilang pilihan, butang radio dan senarai juntai bawah Pemprosesan borang PHP: petua menggunakan kotak berbilang pilihan, butang radio dan senarai juntai bawah Aug 07, 2023 pm 11:29 PM

Pemprosesan borang PHP: Petua untuk menggunakan kotak berbilang pilihan, butang radio dan senarai lungsur Dalam pembangunan web, borang adalah salah satu cara penting untuk pengguna berinteraksi dengan tapak web. Kotak berbilang pilihan, butang radio dan senarai juntai bawah dalam bentuk adalah beberapa pilihan input pengguna biasa. Artikel ini akan memperkenalkan cara menggunakan PHP untuk memproses elemen borang ini dan memberikan contoh kod yang sepadan. Kotak berbilang pilihan Kotak berbilang pilihan membolehkan pengguna memilih berbilang pilihan. Dalam HTML, anda boleh menggunakan <inputtype="checkbox"&g

Bolehkah terdapat pelbagai bentuk dalam html5? Bolehkah terdapat pelbagai bentuk dalam html5? Aug 01, 2022 pm 05:28 PM

Terdapat pelbagai bentuk dalam html5. Peraturan membenarkan penggunaan berbilang teg borang dalam halaman HTML yang sama, bagaimanapun, untuk mengelakkan bahagian belakang daripada tidak mengenalinya semasa menyerahkan, anda perlu menambah ID atau kelas yang berbeza pada borang "url" id=" id value 1">Elemen borang</from><from action="url" id="id value 2">Elemen borang</from>.....".

Penyelesaian kepada fungsi semua-pilih kotak berbilang pilihan dalam pembangunan Vue Penyelesaian kepada fungsi semua-pilih kotak berbilang pilihan dalam pembangunan Vue Jun 30, 2023 pm 02:00 PM

Bagaimana untuk menyelesaikan masalah fungsi pilih-semua kotak berbilang pilihan dalam pembangunan Vue, kita sering menghadapi senario di mana kita perlu menggunakan kotak berbilang pilih untuk operasi kelompok, dan kadangkala kita juga perlu melaksanakan pilihan. -semua fungsi, iaitu, pilih semua dan berbilang-pilih Apabila kotak dipilih, semua sub-pilihan juga mesti dipilih. Artikel ini akan memperkenalkan cara menggunakan Vue untuk menyelesaikan masalah memilih semua fungsi kotak berbilang pilihan. Kerja penyediaan Pertama, dalam pembangunan Vue, kita perlu menggunakan sifat terkira dan pengikatan peristiwa Vue. Dalam komponen Vue, tentukan atribut data untuk menyimpan pemilihan kotak berbilang pilihan.

Apakah teg yang mentakrifkan borang dalam html5 Apakah teg yang mentakrifkan borang dalam html5 Jul 26, 2022 pm 04:26 PM

Teg yang mentakrifkan borang dalam HTML5 ialah "<form>". Teg borang digunakan untuk membuat borang HTML (medan borang) untuk input pengguna untuk mengumpul dan memindahkan maklumat pengguna Semua kandungan dalam borang akan diserahkan kepada pelayan sintaks "<form action="Submit Address" method=". Hantar Kaedah " name="form name">kawalan borang</form>". Borang boleh mengandungi satu atau lebih elemen borang, seperti input, pilih dan textarea.

Susun secara menyeluruh elemen yang berkaitan dengan bentuk bentuk! Susun secara menyeluruh elemen yang berkaitan dengan bentuk bentuk! Aug 05, 2022 am 11:45 AM

Artikel ini memberi anda ringkasan terperinci tentang mata pengetahuan yang berkaitan dengan elemen bentuk dalam HTML. Saya harap ia akan membantu anda!

See all articles