Vérifier un bouton radio dans un div

**nkordiko** · 23/05/2013, 17h31

Bonjour cette ligne

Code js :

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

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

**NoSmoking** · 23/05/2013, 20h48

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

**danielhagnoul** · 23/05/2013, 21h41

Bonsoir

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

Exemple :

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
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>

**nkordiko** · 24/05/2013, 10h23

danielhagnoul merci beaucoup

Code :

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

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

C'est ce qu'il me fallait.

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

jQuery

Discussions similaires

Partager

Partager