Récupérer valeur chekbox et input dans un DIV

**axanta** · 12/11/2008, 08h08

Bonjour tout le monde ,
Voila , j'aimerai réaliser un petit script en javascript qui me permettrait de changé l'option d'un select en fonction de la chekbox ( on change l'option si la chekbox est a true )

Exemple du code html

Code :

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

1
2
3
4
5
6
7
8
<div id="Mondiv" onclick="test(this)">
	<input name="chk1" type="checkbox"/>
	<select name="sel1">
    	<option>Pomme</option>
        <option>Banane</option>
        <option>Poire</option>
    </select>
    </div>

Et mon problème ce situe au niveau du code javascript .
Je ne c'est pas comment récupéré les variables de ma chekbox et c'elle de mon Select . . . . .

Si une âme charitable pouvait ce pencher sur mon cas sa serait bien ^^
Merci

**SpaceFrog** · 12/11/2008, 09h56

heu pas très clair ton truc là ...
on change pour quelle valeur ...

et le oncclik sur le div

... ce serait plutot sur le check non ???

**axanta** · 12/11/2008, 10h16

en faite j'aimerai bien récupéré les 2 éléments (tout ce qui est compris entre le DIV) la chekbox et le select dans le javascript et en fonction de chekbox je met la valeur du select en global dans javascript ou non .

En gros mon principal problème est de savoir comment obtenir c'est 2 variable car avec un formulaire j'y arrive

Code :

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

document.nomduform.elements[i].value

mais avec un div je ne c'est pas comment y accéder .

J'espére que c'était un peu plus clair ^^

**SpaceFrog** · 12/11/2008, 10h46

si tu leur lets un id

Code :

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

document.getElementById('...')

et avec leur name

Code :

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

document.getElementsByName[indice']

**axanta** · 12/11/2008, 11h09

Envoyé par SpaceFrog

si tu leur lets un id

Code :

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

document.getElementById('...')

et avec leur name

Code :

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

document.getElementsByName['indice']

Merci ^^ .

Mais j'aimerai juste une explication sur un point .
Car mon programme php génére un certain nombre de select et chekbox ( avec des names différent ).

Comment les envoyer en argument ??? ( les 2 en méme temp )

**SpaceFrog** · 12/11/2008, 12h21

ben

Code :

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

mytest('one','two')

Code :

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

1
2
3
function mytest(arg1,arg2){
 alert(document.getElementsById(arg1).value)
}

**axanta** · 12/11/2008, 16h51

Voila c'est bon j'ai réussit ^^.
Merci beaucoup SpaceFrog .

Je met a disposition mon code ( je pense qu'il y avait des méthode plus simple pour le faire mais bon

)

Exemple HTML

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
<script language="javascript" type="text/javascript" src="ChekOrNot.js"></script>
</head>
<body>
 
<!-- Les variables attribut a name dans input et select sont généré par php mais identique par couple -->
 
<form name="bob">
    <input name="a" type="checkbox" onchange="AddGlob(this);"/>
    <select name="a" onchange="AddGlob(this);">
        <option value="1">Pomme</option>
        <option value="2">Banane</option>
        <option value="3">Poire</option>
    </select>
    <br /><br/>
        <input name="b" type="checkbox" onchange="AddGlob(this);"/>
    <select name="b" onchange="AddGlob(this);">
        <option value="1">Pomme</option>
        <option value="2">Banane</option>
        <option value="3">Poire</option>
    </select>
    <br /><br/>
        <input name="c" type="checkbox" onchange="AddGlob(this);"/>
    <select name="c" onchange="AddGlob(this);">
        <option value="1">Pomme</option>
        <option value="2">Banane</option>
        <option value="3">Poire</option>
    </select>
</form>
</body>

Et le fichier javascript permettant de géré tout cela

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
///////////////////////////////////////
//////////// GLOBAL ///////////////////
///////////////////////////////////////
 
var Gcouleur = "";
 
 
///////////////////////////////////////
/// Parcour de tout les éléments //////
///////////////////////////////////////
 
function AddValSel ()
{
	for (i=0 ; i<=document.bob.elements.length ; i++)
	{
		 if ((document.bob.elements[i].type =="checkbox")&&(document.bob.elements[i].checked == true))
		 {
			document.bob.elements[i+1].value = Gcouleur;
		 }
	}
}
 
 
///////////////////////////////////////
/// Qu'elle élément est modifié ///////
///////////////////////////////////////
 
function AddGlob(tp)
{
	var tip = tp.type;
 
	var tempCou ;
	var choix = 0 ;
 
	if ((tip=="checkbox")&&(tp.checked == true))
	{
		choix = 1 ;
	}
	else if (tip=="select-one")
	{
		choix = 2 ;
		tempCou = tp.value;
	}
 
	switch (choix)
	{
		case 0 :			// Autre qu'une chekbox ou qu'un select-one
		break ;
 
		case 1 :			// Quand on modifie la checkbox
		TabChecks=document.getElementsByName(tp.name);
		for(i=0;i<TabChecks.length;i++)
		{
				if (TabChecks[i].type == "select-one")
				{
					if ( Gcouleur != "")
					{
						TabChecks[i].value = Gcouleur ;
					}
					else
					{
						Gcouleur = 	TabChecks[i].value;
					}
				}
		}
		break ;
 
		case 2 :			// Quand on modifie le Select
		TabChecks=document.getElementsByName(tp.name);
		for(i=0;i<TabChecks.length;i++)
		{
			if((TabChecks[i].type=="checkbox")&&(TabChecks[i].checked == true))				// Si la chekbox qui lui est asocié en nom est a true
			{
				Gcouleur = 	tempCou ;
			}
		}	
		break ;
	}
	AddValSel ()
}

Récupérer valeur chekbox et input dans un DIV

JavaScript

Discussions similaires

Partager

Partager