[AJAX] Vérifier un bouton radio dans un div

Vérifier un bouton radio dans un div

Bonjour cette ligne
Code:

1 2 3 4 5 6 $("input[type=checkbox]:checked").each( function() { // Insérer son code ici } );
Cette méthode me permet de savoir si un bouton radio est sélectionné.

J'aimerais vérifier si un bouton radio est sélectionné en fonction du div dans lequel il se trouve.

Est ce possible
Si oui, Avez vous idée de la syntaxe à utilisée?

Merci d'avance

Bonjour,
voir du coté de
- .parent()
- .parents()
- .parentsUntil()

Bonsoir

"checkbox" pour un bouton "radio", impossible : http://api.jquery.com/checkbox-selector/

Exemple :

Code:

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
70
71
72
73
74
75
76
77
78
79
80
81
82
<!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://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js", 
			"http://code.jquery.com/jquery-2.0.0.min.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/base.js",
			function(){
 
				$( function(){
 
$( "input[type='radio'][name='fruit']" ).on( "click", function(){
	var jObj = $( "input:checked" );
 
	console.log( jObj.val(), jObj.parents( "div" ).eq( 0 ) );
});
 
 
				});
 
				$( window ).load( function(){
 
				});
 
			}
		);
	</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.3/themes/sunny/jquery-ui.min.css">
	<style>
		/* TEST -- Nota bene : ici 1 rem est égal à 1 px, voir dvjhRemBase.css */
 
	</style>
</head>
<body>
	<header>
		<hgroup>
			<h1>Forum jQuery</h1>
			<h2>
				<a href="">Lien</a>
			</h2>
		</hgroup>
	</header>
	<section class="conteneur">
 
<div class="fruit">
	<div class="orange">
		<input type="radio" name="fruit" value="orange" id="orange">
		<label for="orange">orange</label>
	</div>
	<div class="apple">
		<input type="radio" name="fruit" value="apple" id="apple">
		<label for="apple">apple</label>
	</div>
	<div class="banana">
		<input type="radio" name="fruit" value="banana" id="banana">
		<label for="banana">banana</label>
	</div>
</div>
 
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2013-05-23T21:41:15.842+02:00" pubdate>2013-05-23T21:41:15.842+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>

danielhagnoul merci beaucoup

Code:

$( "input[type='radio'][name='fruit']" )

C'est ce qu'il me fallait.