Cookie Javascript problème

Bonjour,

J'ai un code javascript qui ne fonctionne pas , l'utilisateur peut choisir entre plusieurs choix(il peut en choisir jusque 12) .J'aimerai récupérer chacun de ses choix et mettre chaque choix dans un cookie différent mais je n'y arrive pas et je ne comprend pas mon erreur :/.

Du coté du html j'ai simplement une liste de choix lorsqu'on clique sur un des choix il s'affiche et il est sélectionné et lorsque l'on clique sur un boutton la function first est déclancher avec en paramètre l'id de chaque choix et ensuite la fonction vide est déclencher.

Voici mon code Javascript pour la partie cookie :

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
 
var paysTab = new Array();
var nbrTd = paysTab.length;
function first(id, b){
	if(document.getElementById(id).style.display == "block"){
	paysTab.push(id);
	var i =0;
	for(var i=0; i<1;i++){
	var cname = "pays"+i;
	var cvalue = id;
	setCookie(cname, cvalue, 365);
	}
}
}
 
function vide(){
	if(paysTab.length == 0)
		alert('Veuillez en choisir au moins ');
	else 
		document.location.href="#"; 
}
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}
 
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
    }
    return "";
}
 
function checkCookie() {
    var pays = getCookie("pays1");
    if (pays != "") {
        alert("Voici votre second choix choix " + pays);
    } else {
       alert('erreur');
        }
    }
}