begin process at 2012 05 28 13:27:01
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > DÉSELECTION DE BOUTONS RADIO

DÉSELECTION DE BOUTONS RADIO


 Information sur la source

Note :
2,67 / 10 - par 3 personnes
2,67 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :radio, déselection Niveau :Débutant Date de création :19/12/2005 Vu :7 595

Auteur : etjo6370

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Il est parfois utile de laisser à l'utilisateur d'un formulaire la possibilité de déselectionner des boutons radio qu'il aurait déjà selectionné dans un formulaire. Ce script le fait.

Source

  • <html>
  • <head>
  • <title>titre</title>
  • <script>
  • function annuler(nom,nombre){
  • for(i=0;i<nombre;i++){
  • eval("document.formulaire." + nom)[i].checked=false
  • }
  • }
  • </script>
  • </head>
  • <body>
  • <form name="formulaire" action="mapage.htm" method="post">
  • <!-- avec un bouton de formulaire -->
  • <input type="radio" name="essai" value="1">
  • 1
  • <input type="radio" name="essai" value="2">
  • 2
  • <input type="radio" name="essai" value="3">
  • 3
  • <input type="button" value="annuler" onclick="annuler('essai','3')">
  • <br>
  • <!-- avec un image 1 -->
  • <input type="radio" name="essai2" value="1">
  • 1
  • <input type="radio" name="essai2" value="2">
  • 2
  • <input type="radio" name="essai2" value="3">
  • 3
  • <a href="#" onclick="annuler('essai2','3')"><img src="images/no.gif" width="18" height="18" border="0"></a><br>
  • <br>
  • </form>
  • </body>
  • </html>
<html>
<head>
<title>titre</title>
<script>
function annuler(nom,nombre){
	  for(i=0;i<nombre;i++){
		  eval("document.formulaire." + nom)[i].checked=false
		}
	}
</script>
</head>
<body>
<form name="formulaire" action="mapage.htm" method="post">
  	<!-- avec un bouton de formulaire -->
    <input type="radio" name="essai" value="1">
    1 
    <input type="radio" name="essai" value="2">
    2 
    <input type="radio" name="essai" value="3">
    3
    <input type="button" value="annuler" onclick="annuler('essai','3')">
    <br>
    <!-- avec un image 1 -->
    <input type="radio" name="essai2" value="1">
    1 
    <input type="radio" name="essai2" value="2">
    2 
    <input type="radio" name="essai2" value="3">
    3
    <a href="#" onclick="annuler('essai2','3')"><img src="images/no.gif" width="18" height="18" border="0"></a><br>
	<br>
</form>
</body>
</html>



 Sources de la même categorie

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture FORMULAIRE DYNAMIQUE par Niidhogg
Source avec Zip Source avec une capture CONTRAINTE DE SAISIE SUR CHAMPS INPUT par ryosama
SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm
Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCR... par emericv
Source avec Zip Source avec une capture GADGET RTL2 par youdream
Source avec Zip LABELS EN SURBRILLANCE par jperre
RADIO PLAYER PARAMÉTRABLE par kiwi1nut
Source avec Zip Source avec une capture PERSONNALISATION AISÉE DES RADIOS ET CHECKBOX par bultez

Commentaires et avis

Commentaire de coucou747 le 19/12/2005 23:03:37 administrateur CS

salut
ton javascript fait 3 lignes, il pourrait être copié collé d'un tuto...
pour moi, c'est même pas débutant, c'est le gars qu'essai d'apprendre qui fait que ça... je suis sur que tu peux proposer mieux...

Commentaire de GiUsTiNo le 21/12/2005 13:26:25

Hum... oué :)
Enfin bon en même temps faut comprendre l'envie de certaines personnes à vouloir poster ou faire partager ses sources, et c'est très sympa :)
Le code en lui-même est simpliste (voir très très très ...  simpliste ^^) mais bon, tu peux surement l'améliorer ou le développer ^^
Bonne chance et bonne continuation

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

test sur une radio box [ par yoyo ] Salutcomment tester en javascript qu'une radiobox a ete cochee ou pas ?merciYoyo recup val champ radio [ par emixam ] Bonjourune question qui m embete depuis longtemps,j arrive pas a recuperer la valeur d un champs radio.form.mon_radio.valuemarche pas....:-( bouton radio [ par alexjet ] Bonjour à tous , j'aimerai récuperer la valeur de mes boutons radio lors d'un évènement onclick sur mon bouton envoyer.Voici mon script : function con click sur un bouton radio [ par Poulipe ] Bonjour,j ai par exemple 3 boutons radio.b1b2b3tout le monde sait que sur ces 3 boutons, un seul peut etre cocher...mon pb : je voudrais que si le bo Bloquer un textarea [ par hicksman ] Salut!je voudrais bloquer ( en disabled ou readonly) un textarea en cliquant sur un bouton radio. sans recharger la page.Quelle est la méthode à utili comment recuperer la value d'un radio ? [ par roro06 ] Un formulaire doit concatener plusieurs champs dont des radio avant d'etre envoyé au serveur. Mais comment récupérer la valeur des champs radio ? ex:& Gestion de textbox [ par jistan ] J'essaie de faire un calcul dans un textbox ExpleBouton radio 1 --&gt; article 1Bouton radio 2 --&gt; article 2Les boutons radio ont le même nom RADte boutons radio [ par eax ] salut!!g encore un petit problème : c'est dans la vérification d'un formulaire, je veux tester si le mec a sélectionné sa ville dans une liste de bout controle d'un textarea par radio [ par nrossero ] Je souhaite controler le contenu d'un textarea. CaD, j'ai un radio OUI et un NON, quand le NON est cheked, je veux que la value soit figée, et modifia un formulaire avec option radio à recupere [ par azita ] comment faut il faire pour mettre une option radio à recupere dans un formulaire. merci d'avance


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,716 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales