Discussion :

[pat100]

bonjour

je cherche a gerer deux series de checkbox associees a des graphes

pour le code html

Code html :

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
<FORM action="">
<input type="checkbox"  value="11" id="check1" checked="checked" name= "courb1"><label for="mycheckbox">{{ ref }}</label>
<input type="checkbox"  value="12" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref2 }}</label>
<input type="checkbox"  value="13" id="check1" checked="checked"  name= "courb1"><label for="mycheckbox">{{ laref3 }}</label>
<input type="checkbox"  value="14" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref4 }}</label> 
</FORM> 
 
<div id="matfit"></div>
 
</br>
 
<FORM action="">
<input type="checkbox"  value="21" id="check1" checked="checked" name= "courb2"><label for="mycheckbox">{{ laref10 }}</label>
<input type="checkbox"  value="22" id="check2" checked="checked"  name= "courb2"><label for="myCheckbox">{{ laref20 }}</label>
<input type="checkbox"  value="23" id="check1" checked="checked"  name= "courb2"><label for="mycheckbox">{{ laref30 }}</label>
<input type="checkbox"  value="24" id="check2" checked="checked"  name= "courb2"><label for="myCheckbox">{{ laref40 }}</label> 
</FORM> 
 
<div id="matfit2"></div>

pour le script j'ai

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$("input[type='checkbox']").change(function(e) {
 var output = '';
   var output2 = '';
$("input[name=courb2]").each(function() {
            var check = this.checked;
          output2 += $(this).val() + ",";
});
 
$("input[name=courb1]").each(function() {
      var check = this.checked;
      output += $(this).val() + ",";
});

ceci ne marche pas ?? alors que si j'ecris

Code :

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

1
2
3
$('input[type="checkbox"]:checked').each(function(index) {
    output += $(this).val() + ",";
});

ca marche sauf qu'on traite l'ensemble des checkbox et non chaque serie

pourquoi $("input[name=courb1]").each(function() { marche pas

[Bovino]

Je comprends rien à ta question... Notamment ce que signifie "ça marche" et "ça marche pas"...

[pat100]

oui je n'explique pas et c'est mon tort

j'utilise le plugin flot pour tracer des courbes

et j'ai besoin de donnees booleenes (val1, val2...) pour les traces

le code qui marche (affiche ou masque les traces):

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
83
84
85
86
87
88
89
90
91
92
$('input[type="checkbox"]:checked').each(function(index) {
 
          var check = this.checked;
          output += $(this).val() + ",";
 
        });
 
 
 
      if (output == '11' + ',' + '12' + ',' + '13' + ',' + '14' + ',') {
 
      var val1 = true;
      var val2 = true;
      var val3 = true;
      var val4 = true;
 
          }
 
     if (output == '11' + ',' + '12' + ',' + '13' + ',') {
 
      var val1 = true;
      var val2 = true;
      var val3 = true;
      var val4 = false;
 
          }
 
       if (output == '13' + ',' + '14' + ',') {
 
      var val1 = false;
      var val2 = false;
      var val3 = true;
      var val4 = true;
 
          }
 
        if (output == '11' + ',' + '12' + ',') {
 
      var val1 = true;
      var val2 = true;
      var val3 = false;
      var val4 = false;
 
          }
 
     if (output == '11' + ',') {
 
      var val1 = true;
      var val2 = false;
      var val3 = false;
      var val4 = false;
 
          }
 
    if (output == '12' + ',') {
 
      var val1 = false;
      var val2 = true;
      var val3 = false;
      var val4 = false;
 
          }
    if (output == '13' + ',') {
 
      var val1 = false;
      var val2 = false;
      var val3 = true;
      var val4 = false;
 
          }
 
    if (output == '14' + ',') {
 
      var val1 = false;
      var val2 = false;
      var val3 = true;
      var val4 = false;
 
          }
 
 
var data10 = [
 
 
                  { label: uneref1  + "polyfit", data: dtmin1, points: { show: val1 ,size: 5, radius: 0.5  }, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},
                  { data: dtmax1, points: { show: val1 ,size: 0.1, radius: 0.5, radius: 0.5  }, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},
                  { label: uneref2  + "polyfit", data: dtmin2, points: { show: val2 ,size: 5, radius: 0.5  }, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},
                  { data: dtmax2, points: { show: val2 ,size: 0.1, radius: 0.5, radius: 0.5  }, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},
                  { label: uneref3  + "polyfit", data: dtmin3, points: { show: val3 ,size: 5, radius: 0.5  }, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},
                  { data: dtmax3, points: { show: val3 ,size: 0.1, radius: 0.5, radius: 0.5  }, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},
                  { label: uneref4  + "polyfit", data: dtmin4, points: { show: val4 ,size: 5, radius: 0.5  }, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},
                  { data: dtmax4, points: { show: val4 ,size: 0.1, radius: 0.5, radius: 0.5  }, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},

pour le html

Code html :

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

1
2
3
4
5
6
<FORM action="">
<input type="checkbox"  value="11" id="check1" checked="checked" name= "courb1"><label for="mycheckbox">{{ ref }}</label>
<input type="checkbox"  value="12" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref2 }}</label>
<input type="checkbox"  value="13" id="check1" checked="checked"  name= "courb1"><label for="mycheckbox">{{ laref3 }}</label>
<input type="checkbox"  value="14" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref4 }}</label> 
</FORM>

[pat100]

la reponse etait

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
$(document).ready(function() {
 
$("input[type='checkbox']").change(function(e) {
 
 
 $("input[type='checkbox'][name='ProductCode']:checked").each(function(){
          output += $(this).val() + ",";
 
        });
 
 
       $("input[type='checkbox'][name='ProductCode2']:checked").each(function(){
          output2 += $(this).val() + ",";
 
        });
 
 }).change();
});

Code html :

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

1
2
3
4
5
6
7
<input type="checkbox" name="ProductCode" value="11"> 
<input type="checkbox" name="ProductCode" value="12"> 
<input type="checkbox" name="ProductCode" value="13">
 
<input type="checkbox" name="ProductCode2" value="21"> 
<input type="checkbox" name="ProductCode2" value="22"> 
<input type="checkbox" name="ProductCode2" value="23">