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

用 Javascript 验证表单(form)中的单选(radio)值_表单特效

May 16, 2016 pm 06:47 PM
form Radio Pilihan tunggal

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

复制代码 代码如下:



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

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

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

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

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

Bagaimana untuk melaksanakan komponen bentuk berbilang pilih, pilih radio dan lain-lain dalam Vue? Bagaimana untuk melaksanakan komponen bentuk berbilang pilih, pilih radio dan lain-lain dalam Vue? Jun 25, 2023 pm 09:49 PM

Vue ialah rangka kerja bahagian hadapan yang popular yang menyediakan perpustakaan komponen yang kaya untuk memudahkan pembangunan pelbagai jenis aplikasi. Dalam pembangunan sebenar, komponen bentuk adalah salah satu komponen yang sering kita gunakan dan proses. Dalam artikel ini, kami akan mengkaji cara melaksanakan komponen berbilang pilih, pilih radio dan komponen bentuk lain dalam Vue. 1. Komponen berbilang pilihan Dalam Vue, kita boleh menggunakan arahan model v untuk melaksanakan pengikatan dua hala bagi kawalan borang. Untuk komponen berbilang pilihan, kami boleh menggunakan berbilang kotak semak untuk mencapai ini. Di bawah ialah perwakilan komponen berbilang pilihan asas

60 tahun dalam pembuatan: NASA mengesahkan hipotesis mengenai medan elektrik global Bumi 60 tahun dalam pembuatan: NASA mengesahkan hipotesis mengenai medan elektrik global Bumi Aug 31, 2024 pm 09:35 PM

NASA telah mengesahkan kewujudan medan elektrik global di sekeliling Bumi, yang dicapai melalui pelancaran roket baru-baru ini. Ini adalah masalah besar, kerana ini adalah pengukuran langsung pertama fenomena yang telah lama berteori tetapi tidak pernah diperhatikan.

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

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>.....".

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!

php记录搜索引擎蜘蛛爬行记录代码 php记录搜索引擎蜘蛛爬行记录代码 Jun 13, 2016 am 10:08 AM

php记录搜索引擎蜘蛛爬行记录代码。php教程记录搜索引擎蜘蛛爬行记录代码 center form action=setup.php method=post table align=center tr td服务器:/tdtdinput value=localhost name=server //td /tr tr td用

Apakah yang perlu saya lakukan jika borang tidak boleh dihantar ke php? Apakah yang perlu saya lakukan jika borang tidak boleh dihantar ke php? Dec 01, 2022 am 09:08 AM

Penyelesaian kepada borang tidak boleh diserahkan kepada PHP: 1. Buka fail kod yang sepadan 2. Ubah suai pernyataan "onload="javascript:document.form1.submit(); 3. Tukar nama serah.

See all articles