Heim Web-Frontend js-Tutorial 用 Javascript 验证表单(form)中的单选(radio)值_表单特效

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

May 16, 2016 pm 06:47 PM
form Radio 单选

本文介绍了一个较为通用的获取 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) == '')
{ ...... }

根据判断结果执行你想要的操作。
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie implementiert man Formularkomponenten wie Mehrfachauswahl und Radioauswahl in Vue? Wie implementiert man Formularkomponenten wie Mehrfachauswahl und Radioauswahl in Vue? Jun 25, 2023 pm 09:49 PM

Vue ist ein beliebtes Front-End-Framework, das eine umfangreiche Komponentenbibliothek bereitstellt, um die Entwicklung verschiedener Arten von Anwendungen zu erleichtern. In der tatsächlichen Entwicklung gehören Formularkomponenten zu den Komponenten, die wir häufig verwenden und verarbeiten. In diesem Artikel untersuchen wir, wie man Mehrfachauswahl, Radioauswahl und andere Formularkomponenten in Vue implementiert. 1. Komponenten mehrfach auswählen In Vue können wir die V-Model-Direktive verwenden, um eine bidirektionale Bindung von Formularsteuerelementen zu implementieren. Bei Komponenten mit Mehrfachauswahl können wir dazu mehrere Kontrollkästchen verwenden. Nachfolgend finden Sie eine grundlegende Darstellung einer Mehrfachauswahlkomponente

60 Jahre Entwicklungszeit: NASA bestätigt Hypothese zum globalen elektrischen Feld der Erde 60 Jahre Entwicklungszeit: NASA bestätigt Hypothese zum globalen elektrischen Feld der Erde Aug 31, 2024 pm 09:35 PM

Die NASA hat die Existenz eines globalen elektrischen Feldes um die Erde bestätigt, das kürzlich durch einen Raketenstart erreicht wurde. Das ist eine große Sache, da es sich um die erste direkte Messung eines Phänomens handelt, das schon lange theoretisiert, aber nie beobachtet wurde

Binaryx wird wieder umbenannt, und die vier, die es der Gemeinschaft gibt, steigt im Begriff zu steigen? Binaryx wird wieder umbenannt, und die vier, die es der Gemeinschaft gibt, steigt im Begriff zu steigen? Mar 04, 2025 pm 12:00 PM

Binaryx 'Token -Name Änderung: Von BNX auf vier und dann zu Form hat die tiefe Bedeutung hinter strategischen Anpassungen Binaryx kürzlich das Token -Symbol von vier bis $ $ Form geändert, das die Branche weit verbreitet hat. Dies ist nicht das erste Mal, dass Binaryx seinen Namen geändert hat, und sein Token -Symbol hat einen Übergang von BNX auf vier erlebt. In diesem Artikel werden die strategischen Absichten dieser Reihe von Namensänderungen eingehend untersucht. 1. Token Name Change-Prozess und strategische Überlegungen Binaryx starteten zunächst das $ BNX-Token auf der Basis der BNB-Kette im Jahr 2021, um das Gaming-Ökosystem von Play-to-Earn (P2E) zu unterstützen. Anfang 2024, um das Wirtschaftsmodell zu optimieren

Kann es in HTML5 mehrere Formulare geben? Kann es in HTML5 mehrere Formulare geben? Aug 01, 2022 pm 05:28 PM

In HTML5 kann es mehrere Formulare geben. Die Regeln erlauben die Verwendung mehrerer Formular-Tags auf derselben HTML-Seite. Um jedoch zu verhindern, dass das Backend sie beim Senden nicht erkennt, müssen Sie dem Formular unterschiedliche IDs oder Klassen hinzufügen. Die Syntax lautet „<from action= "url" id=" id value 1">Formularelement</from><from action="url" id="id value 2">Formularelement</from>.....".

Was ist das Tag, das das Formular in HTML5 definiert? Was ist das Tag, das das Formular in HTML5 definiert? Jul 26, 2022 pm 04:26 PM

Der Tag, der ein Formular in HTML5 definiert, ist „<form>“. Mit dem Formular-Tag wird ein HTML-Formular (Formularfeld) für Benutzereingaben erstellt, um Benutzerinformationen zu sammeln und zu übertragen. Der gesamte Inhalt des Formulars wird mit der Syntax „<form action="Submit Address" method=" übermittelt. Submit-Methode „name="form name">form control</form>". Ein Formular kann ein oder mehrere Formularelemente enthalten, z. B. „input“, „select“ und „textarea“.

Organisieren Sie formularbezogene Elemente umfassend! Organisieren Sie formularbezogene Elemente umfassend! Aug 05, 2022 am 11:45 AM

Dieser Artikel gibt Ihnen eine detaillierte Zusammenfassung der Wissenspunkte zu Formularelementen in HTML. Ich hoffe, er wird Ihnen hilfreich sein!

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用

Was soll ich tun, wenn das Formular nicht an PHP übermittelt werden kann? Was soll ich tun, wenn das Formular nicht an PHP übermittelt werden kann? Dec 01, 2022 am 09:08 AM

Lösung für das Formular kann nicht an PHP übermittelt werden: 1. Öffnen Sie die entsprechende Codedatei. 2. Ändern Sie die Anweisung „onload="javascript:document.form1.submit();". 3. Ändern Sie den Namen des Übermittlungsformulars.

See all articles