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

Version imprimable

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:

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 . . . . .
:cry: :cry:

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

12/11/2008, 08h56
SpaceFrog

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 ???
12/11/2008, 09h16
axanta

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:

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 ^^
12/11/2008, 09h46
SpaceFrog

si tu leur lets un id

Code:

document.getElementById('...')

et avec leur name

Code:

document.getElementsByName[indice']
12/11/2008, 10h09
axanta

Citation:

Envoyé par SpaceFrog

si tu leur lets un id

Code:

document.getElementById('...')

et avec leur name

Code:

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 )

ben

Code:

mytest('one','two')

Code:

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

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 :mrgreen: )

Exemple HTML

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

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 ()
}