Maison interface Web js tutoriel 用 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) == '')
{ ...... }

根据判断结果执行你想要的操作。
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment implémenter la sélection multiple, la sélection radio et d'autres composants de formulaire dans Vue ? Comment implémenter la sélection multiple, la sélection radio et d'autres composants de formulaire dans Vue ? Jun 25, 2023 pm 09:49 PM

Vue est un framework frontal populaire qui fournit une riche bibliothèque de composants pour faciliter le développement de différents types d'applications. Dans le développement réel, les composants de formulaire sont l'un des composants que nous utilisons et traitons souvent. Dans cet article, nous étudierons comment implémenter des composants de formulaire à sélection multiple, à sélection radio et autres dans Vue. 1. Composants à sélection multiple Dans Vue, nous pouvons utiliser la directive v-model pour implémenter la liaison bidirectionnelle des contrôles de formulaire. Pour les composants à sélection multiple, nous pouvons utiliser plusieurs cases à cocher pour y parvenir. Vous trouverez ci-dessous une représentation de base des composants à sélection multiple

60 ans de préparation : la NASA confirme l'hypothèse sur le champ électrique global de la Terre 60 ans de préparation : la NASA confirme l'hypothèse sur le champ électrique global de la Terre Aug 31, 2024 pm 09:35 PM

La NASA a confirmé l’existence d’un champ électrique global autour de la Terre, obtenu grâce au récent lancement d’une fusée. C’est un gros problème, puisqu’il s’agit de la première mesure directe d’un phénomène longtemps théorisé mais jamais observé.

Binaryx est à nouveau renommé la forme, et les quatre qu'il donne à la communauté est sur le point de monter en flèche? Binaryx est à nouveau renommé la forme, et les quatre qu'il donne à la communauté est sur le point de monter en flèche? Mar 04, 2025 pm 12:00 PM

Le changement de nom de jeton de Binaryx: de BNX à quatre, puis à former, la signification profonde derrière les ajustements stratégiques Binaryx a récemment changé le symbole de jeton de quatre $ à $, ce qui a attiré une attention généralisée de l'industrie. Ce n'est pas la première fois que Binaryx change son nom, et son symbole de jeton subit une transition de BNX à quatre. Cet article explorera en profondeur les intentions stratégiques derrière cette série de changements de nom. 1. Processus de changement de nom de jetons et considérations stratégiques Binaryx a initialement lancé le jeton $ BNX basé sur la chaîne BNB en 2021 pour soutenir son écosystème de jeu de jeu à la sécurité (P2E). Au début de 2024, afin d'optimiser le modèle économique, Binaryx a divisé $ bnx et s'est progressivement étendu à GameF

Peut-il y avoir plusieurs formulaires en HTML5 ? Peut-il y avoir plusieurs formulaires en HTML5 ? Aug 01, 2022 pm 05:28 PM

Il peut y avoir plusieurs formulaires en HTML5. Les règles permettent d'utiliser plusieurs balises de formulaire dans la même page HTML. Cependant, afin d'éviter que le backend ne la reconnaisse lors de la soumission, vous devez ajouter différents identifiants ou classes au formulaire. La syntaxe est "<from action=". "url" id=" id value 1">Élément de formulaire</from><from action="url" id="id value 2">Élément de formulaire</from>.....".

Quelle est la balise qui définit le formulaire en html5 Quelle est la balise qui définit le formulaire en html5 Jul 26, 2022 pm 04:26 PM

La balise définissant un formulaire en HTML5 est "<form>". La balise form est utilisée pour créer un formulaire HTML (champ de formulaire) permettant à l'utilisateur de collecter et de transférer les informations utilisateur. Tout le contenu du formulaire sera soumis au serveur avec la syntaxe « <form action="Submit Address" method=" ; Méthode de soumission " name="nom du formulaire">contrôle de formulaire</form>". Un formulaire peut contenir un ou plusieurs éléments de formulaire, tels que input, select et textarea.

Organisez de manière exhaustive les éléments liés aux formulaires ! Organisez de manière exhaustive les éléments liés aux formulaires ! Aug 05, 2022 am 11:45 AM

Cet article vous donne un résumé détaillé des points de connaissances liés aux éléments de formulaire en HTML. J'espère qu'il vous sera utile !

Que dois-je faire si le formulaire ne peut pas être soumis en php ? Que dois-je faire si le formulaire ne peut pas être soumis en php ? Dec 01, 2022 am 09:08 AM

La solution au formulaire ne peut pas être soumise à PHP : 1. Ouvrez le fichier de code correspondant ; 2. Modifiez l'instruction "onload="javascript:document.form1.submit();" ; 3. Changez le nom de la soumission.

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用

See all articles