Gérer les checkbox

Version imprimable

Gérer les checkbox

bonjour

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

pour le code html

Code:

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:

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:

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

12/03/2013, 11h22
Bovino

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

gerer des checkbox

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:

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:

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>

gerer des checkbox

la reponse etait

Code:

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:

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