Résultat aléatoire sur un test d'input radio

**Darkaurora** · 02/10/2013, 13h19

Bonjour, le code ci dessous permet de récupérer la valeur d'un input radio sur un formulaire. Les deux valeurs possible sont M ou Mme cependant il arrive que la valeur enregistrer soit true.

Je me retrouve donc avec de temps en temps des valeurs true dans ma BDD et je n'ai aucune explication pour ce phénomène.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$( 'input[type=radio]:checked' ).val( )

Est il possible que cela dépende des navigateurs et des versions des navigateurs?

**chortani** · 02/10/2013, 17h39

t'as pas d'autre radio dans la page ?
perso je préféré utiliser name plutôt que type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('input[name=radioName]:checked', '#myForm').val()

**danielhagnoul** · 02/10/2013, 22h50

Bonsoir

Problème de code jQuery (pourquoi ":checked") et sans doute HTML.

Exemple (Il suffit de copier-coller pour tester) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0">
	<meta name="author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.99/head.min.js"></script>
	<script>
		"use strict";
 
		head.js( 
			"http://d3js.org/d3.v3.min.js",
			//"http://code.jquery.com/jquery-2.0.3.min.js",
			"http://code.jquery.com/jquery-2.1.0-beta1.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js",
			"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js",
			"http://danielhagnoul.developpez.com/lib/dvjh/d3Base.js", function(){
 
$( function(){
 
	$( "input[name='sexe']" ).on( "change", function(){
		console.log( "Nouvelle valeur = ", $( this ).val() );
	});
});
 
$( window ).load( function(){
 
	console.log( "Valeur initiale : ", $( "input[name='sexe']" ).val() );
 
});
 
		});
	</script>
	<link href='http://fonts.googleapis.com/css?family=Sofia|Ubuntu:400|Kreon'>
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/styles/dvjhRemBase.css">
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/sunny/jquery-ui.min.css">
	<style>
		/* TEST -- Nota bene : ici 1 rem est égal à 10 px, voir dvjhRemBase.css */
 
		label { display: block; }
 
	</style>
</head>
<body>
	<header>
		<hgroup>
			<h1>Forum jQuery</h1>
			<h2>
				<a href="">Lien</a>
			</h2>
		</hgroup>
	</header>
	<section class="conteneur">
 
<label>Mr : <input type="radio" name="sexe" value="Mr" checked></label>
<label>Mme : <input type="radio" name="sexe" value="Mme"></label>
 
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2013-09-28T00:20:27.88+02:00" pubdate>2013-09-28T00:20:27.88+02:00</time>
		<span itemprop="name">Daniel Hagnoul</span>
		<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
		<a href="http://danielhagnoul.developpez.com/" itemprop="url">Mon cahier d’exercices</a>
		<a href="http://javascript.developpez.com/faq/jquery/" itemprop="url">FAQ</a>
		<a href="http://javascript.developpez.com/cours/?page=frameworks#jquery" itemprop="url">Tutoriels</a>
	</footer>
</body>
</html>

**Darkaurora** · 03/10/2013, 12h21

En fait il est possible que j'ai d'autre input radio mais ce n'est pas sure

Je créer des fenêtres (avec bootstrap modal et bootstrap modalmanager) l'une de ces fenêtres correspond à un devis. A l'intérieur de ce devis je laisse la possibilité de créer un client et un contact via d'autres fenêtres de formulaires.

Il est possible qu'entre les deux fenêtres formulaire j'ai un conflit car je n'ai pas utilisé un sélecteur et/ou un filtre assez rigoureux.

Je vais tester vos réponses mais je pense déjà pouvoir vous remercier.

Cependant cela amène une autre question: est il possible de supprimer les éléments et l'ensemble des scripts qui sont chargés lorsque je ferme la fenêtre concernée? Car je pense qu'ils restent dans le scope du navigateur...

Résultat aléatoire sur un test d'input radio

jQuery

Vue hybride

Discussions similaires

Partager

Partager