Script caleur calculé radio bouton

Version imprimable

12/08/2015, 16h55
MalboroFR

Script caleur calculé radio bouton

Bonjour,

Je suis utilisateur sharepoint et je veux me lancer dans le js :) Mais je sais pas trop comment faire en faite j'ai 4 valeurs soit suffisant, plutot suffisant, insuffisant et non applicable pour chaque champ(j'en ai 10 )
je voudrais que quand le champ est égale à par exemple à insuffisant qu'il est un compteur à qui on ajoute 1.
A la fin je dois avoir 4 compteurs et celui qui est le plus grand la valeur sera associé à un autre champ(appréciation général) qui renvoie la valeur la plus récurrente

Quelqu'un peut m'orienter merci d'avance :)

Bonsoir,

tu parles d'une sorte de questionnaire?
Dans ce cas, je vois bien les boutons radio si une seule réponse est autorisée ou les checkbox dans le cas où plusieurs réponses sont autorisées.

ensuite il faut affecter des points à chaque réponse:

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
 
<form id="monFormulaire">
<span>Texte de la question 1</span>
<br />
<label>texte de la réponse 1a</label><input type="radio" name="question_1" class="question_1" value="0"/><!-- non applicable -->
<label>texte de la réponse 1b</label><input type="radio" name="question_1" class="question_1" value="1"/><!-- insuffisant -->
<label>texte de la réponse 1c</label><input type="radio" name="question_1" class="question_1" value="2"/><!-- plutôt suffisant -->
<label>texte de la réponse 1d</label><input type="radio" name="question_1" class="question_1" value="3"/><!-- suffisant -->
<br />
<span>Texte de la question 2</span>
<br />
<label>texte de la réponse 2a</label><input type="radio" name="question_2" class="question_2" value="0"/><!-- non applicable -->
<label>texte de la réponse 2b</label><input type="radio" name="question_2" class="question_2" value="1"/><!-- insuffisant -->
<label>texte de la réponse 2c</label><input type="radio" name="question_2" class="question_2" value="2"/><!-- plutôt suffisant -->
<label>texte de la réponse 2d</label><input type="radio" name="question_2" class="question_2" value="3"/><!-- suffisant -->
<br />
<!-- répéter autant qu'il y a de questions restantes -->
<input type="button" onclick="checkForm();"
</form>
<script type="text/javascript">
function checkForm() {
        var nbQuestions=10;
        var compteur=0;
        for (var i=1; i<=nbQuestions; i++) {
                  var rep=document.querySelector(".question_"+i+":checked");
                  if (rep) {
                             compteur+=parseInt(rep.value, 10);
                  } else {
                            alert("veuillez répondre à la question "+i+" s'il vous plaît!");
                            return false;
                  }
        }
        // faire quelque chose avec compteur qui contient désormais le nombre de points obtenus si toutes les réponses ont été choisies
}
</script>

reste à adapter ce code en faisant des associations type de réponses ou type de questions <-> compteurs en fonction de la catégorie, tu peux utiliser les tableaux associatifs pour ça
par exemple tu peux mettre comme valeur A1 pour obtenir un point dans la catégorie A, ou C2 pour obtenir 2 points dans la catégorie C, reste à découper la réponse, en faisant:

Code:

1
2
3
4
 
cat=rep.value.substr(0,1);
points=parseInt(rep.value.substr(1), 10);
compteur[cat]+=points;

à condition d'avoir initialisé bien sûr les quatre compteurs à 0...

bon courage!

13/08/2015, 09h43
MalboroFR

3 pièce(s) jointe(s)

Merci mais le input est surligné comme une erreur :/

Voici mon code:

Pièce jointe 185287

du coup je pensais faire un code qui prend les id ou les name mais je ne sais pas si le jquerry serai plus adapté.

Sachant que dans l'id pour la meme valeur c'est le ct10... qui change et pour un autre champ c'est ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff1... ..._ctl00_ctl00 qui change c'est pour ça que c'est compluiquer le code pour moi déja que j'ai jamais fait xD

Et voici le rendu html avec le DOM:
13/08/2015, 10h09
Darkauron

Salut,

J'ai fait ce petit script en JQuery pour le compteur de réponse, je n'exploite pas le résultat pour le moment :
https://jsfiddle.net/9hnuabjp/3/

Ca évite d'avoir à utiliser le "name" de tes boutons radios, ce qui simplifie vu que c'est généré par SharePoint.
13/08/2015, 11h33
MalboroFR

Merci :)

Mais j'ai mis mon script dans un fichier puis j'ai mis le lien aussi que les span pour voir comment ça marche mais les valeurs ne change pas elle reste à 0000 :/ je dois modifier quelque chose par rapport à sharepoint ?

As-tu chargé JQuery ?

J'ai fait une petite modification dans le code. Je te laisse tester ça :

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
 
var rep= [0,0,0,0];
$(function() {
 
update_result();
 
$('input[type=radio]').mousedown(function(){
    var radio = $(this).prop("name");
	if($("input[name="+radio+"]:checked").length != 0) {
       	var old_val = $("input[name="+radio+"]:checked").val();
        rep[old_val]--;
     }
}).change(function() {
    var radio = $(this).prop("name");
    console.log($("input[name="+radio+"]:checked"));
    var new_val = $("input[name="+radio+"]:checked").val()
    rep[new_val]++;
    update_result()
}); 
})
 
function update_result() {
	$("#TS").empty().html(rep[0]);
    $("#S").empty().html(rep[1]);
    $("#I").empty().html(rep[2]);
    $("#TI").empty().html(rep[3]);
}

13/08/2015, 14h16
MalboroFR

Non toujours pas :/

J'ai mis mon code html dans edit fiddle et j'essaye de modifier le code js^^

Ouais j'appelle avec le lien google
13/08/2015, 14h22
Darkauron

Peux-tu nous fournir le code HTML (ou du moins la partie avec les boutons radio) ? Le screenshot n'est pas vraiment pratique pour faire des tests :p
13/08/2015, 14h25
MalboroFR

c'est ce que j'allais faire x)

<SPAN title=suffisant class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl00 type=radio value=ctl00><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl00 jQuery17108975344609091436="5">suffisant</LABEL><SPAN title="plutôt insuffisant" class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl01 type=radio CHECKED value=ctl01><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl01 jQuery17108975344609091436="6">plutôt insuffisant</LABEL></SPAN><SPAN title=insuffisant class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl02 type=radio value=ctl02><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl02 jQuery17108975344609091436="7">insuffisant</LABEL></SPAN><SPAN title="non applicable" class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl03 type=radio value=ctl03><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl03 jQuery17108975344609091436="8">non applicable</LABEL></SPAN></SPAN>

et merci encore pour ton aide :)
13/08/2015, 14h26
Darkauron

Merci.

Par contre, mets le dans une balide CODE pour la mise en forme (bouton # de l'éditeur de texte).
13/08/2015, 14h29
Darkauron

Et aussi, il me faudrait plusieurs ligne de bouton radio, au moins 3 pour faire des tests correctes.

Peux-tu les ajouter dans ton précédents post ?
13/08/2015, 14h30
MalboroFR

Code:

<SPAN title=suffisant class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl00 type=radio value=ctl00><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl00 jQuery17108975344609091436="5">suffisant</LABEL><SPAN title="plutôt insuffisant" class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl01 type=radio CHECKED value=ctl01><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl01 jQuery17108975344609091436="6">plutôt insuffisant</LABEL></SPAN><SPAN title=insuffisant class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl02 type=radio value=ctl02><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl02 jQuery17108975344609091436="7">insuffisant</LABEL></SPAN><SPAN title="non applicable" class=ms-RadioText><INPUT name=ctl00$m$g_4ba4f0c0_02f9_483a_9e14_dccc503f153f$ff131$ctl00$RadioButtons id=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl03 type=radio value=ctl03><LABEL style="DISPLAY: none" for=ctl00_m_g_4ba4f0c0_02f9_483a_9e14_dccc503f153f_ff131_ctl00_ctl03 jQuery17108975344609091436="8">non applicable</LABEL></SPAN></SPAN>

c'est mieux ^^'?
13/08/2015, 14h35
Darkauron

Avec plusieurs lignes type, pour que je puisse voir les différentes values possible stp.
13/08/2015, 14h41
Darkauron

Jai mis à jour mon fiddle : https://jsfiddle.net/9hnuabjp/6/

Non toujours pas :/

est-ce que c'est possible que le jquery se réalise apres l'enregistrement du formulaire ?

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
 
<TR><H3 class=ms-standardheader><NOBR>Installation de chantier et accès:</NOBR></H3></TD>
<TD style="WIDTH: 89px"><SPAN id=optChgPriority><SPAN>
<TABLE cellSpacing=1 cellPadding=0>
<TBODY>
<TR>
<TD><SPAN title=suffisant class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff121$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl00 type=radio value=ctl00 jQuery111106499962444293681="7"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl00 jQuery111106499962444293681="153">suffisant</LABEL><SPAN title="plutôt insuffisant" class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff121$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl01 type=radio value=ctl01 jQuery111106499962444293681="9"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl01 jQuery111106499962444293681="154">plutôt insuffisant</LABEL></SPAN><SPAN title=insuffisant class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff121$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl02 type=radio value=ctl02 jQuery111106499962444293681="10"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl02 jQuery111106499962444293681="155">insuffisant</LABEL></SPAN><SPAN title="non applicable" class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff121$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl03 type=radio CHECKED value=ctl03 jQuery111106499962444293681="11"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff121_ctl00_ctl03 jQuery111106499962444293681="156">non applicable</LABEL></SPAN></SPAN></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR></TBODY></TABLE></SPAN></SPAN></TD>
<TD style="WIDTH: 501px"><SPAN><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff231$ctl00$ctl00$TextField title=inst_chantier_niv_obs class="ms-long ms-spellcheck-true" id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff231_ctl00_ctl00_TextField style="WIDTH: 500px" type=text maxLength=255><BR></SPAN></TD></TR>
 
 
<TR><TD class=td vAlign=middle style="WIDTH: 362px">
<H3 class=ms-standardheader><NOBR>Les documents de chantier</NOBR></H3></TD>
<TD style="WIDTH: 89px; colspan: 6"><SPAN id=optChgPriority2><SPAN>
<TABLE cellSpacing=1 cellPadding=0>
<TBODY>
<TR>
<TD><SPAN title=suffisant class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff131$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl00 type=radio value=ctl00 jQuery111106499962444293681="12"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl00 jQuery111106499962444293681="157">suffisant</LABEL><SPAN title="plutôt insuffisant" class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff131$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl01 type=radio value=ctl01 jQuery111106499962444293681="13"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl01 jQuery111106499962444293681="158">plutôt insuffisant</LABEL></SPAN><SPAN title=insuffisant class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff131$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl02 type=radio value=ctl02 jQuery111106499962444293681="14"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl02 jQuery111106499962444293681="159">insuffisant</LABEL></SPAN><SPAN title="non applicable" class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff131$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl03 type=radio CHECKED value=ctl03 jQuery111106499962444293681="15"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff131_ctl00_ctl03 jQuery111106499962444293681="160">non applicable</LABEL></SPAN></SPAN></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR></TBODY></TABLE></SPAN></SPAN></TD>
<TD style="WIDTH: 501px"><SPAN><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff241$ctl00$ctl00$TextField title=doc_chantier_obs class="ms-long ms-spellcheck-true" id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff241_ctl00_ctl00_TextField style="WIDTH: 500px" type=text maxLength=255><BR></SPAN></TD></TR>

je sais pas si ça peut plus t'aider ^^'

13/08/2015, 15h03
Darkauron

Pour ma part, ça fonctionne sur JSFiddle :
https://jsfiddle.net/9hnuabjp/7/

Par contre, je ne vois pas pourquoi ça ne fonctionnerai pas chez toi. Après, je suis pas expert SharePoint.

C'est bon ça marche !!!!!!! C'est trop cool !!!!!!

Par contre j'ai un autre problème(je sais j'abuse) Je voudrais faire un 11eme champs avec des radio bouton comme précédemment et la case serait cocher en fonction de la valeur la plus récurrente je pensais faire:

if(le nombre de ctl100 est supérieur autre alors on coche la valeur ctl100)

voici le code html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<TD vAlign=top style="WIDTH: 89px"><SPAN id=optChgPriority11><SPAN>
<TABLE cellSpacing=1 cellPadding=0>
<TBODY>
<TR>
<TD><SPAN title=suffisant class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff731$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl00 type=radio value=ctl00 jQuery111103026218521674127="52"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl00 jQuery111103026218521674127="197">suffisant</LABEL><SPAN title="plutôt insuffisant" class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff731$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl01 type=radio value=ctl01 jQuery111103026218521674127="53"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl01 jQuery111103026218521674127="198">plutôt insuffisant</LABEL></SPAN><SPAN title=insuffisant class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff731$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl02 type=radio value=ctl02 jQuery111103026218521674127="54"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl02 jQuery111103026218521674127="199">insuffisant</LABEL></SPAN><SPAN title="non applicable" class=ms-RadioText><INPUT name=ctl00$m$g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe$ff731$ctl00$RadioButtons id=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl03 type=radio value=ctl03 jQuery111103026218521674127="55"><LABEL style="DISPLAY: none" for=ctl00_m_g_afe4ac08_172d_4f80_bb3d_e7191f2d0afe_ff731_ctl00_ctl03 jQuery111103026218521674127="200">non applicable</LABEL></SPAN></SPAN></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR></TBODY></TABLE></SPAN></SPAN></TD>

13/08/2015, 15h41
Darkauron
Est ce que tu as la possibilité d'englober les 10 premiers groupe de value dans une div par exemple avec une classe ? Car pour le moment, le script réagi aussi avec le 11ème groupe (il incrémente/décrémente en fonction du choix). Il faudrait pouvoir préciser au script qu'il s'agit seulement des 10 groupes standard.

En gros :
Code:

1 2 3 4 5 6 7 <div class="notation">  </div> <div>  </div>
Et dans le javascript, on changerait $('input[type=radio]') par $('.notation input[type=radio]')
13/08/2015, 15h44
Darkauron

Autre question :

Imaginons que je coche 5 ctl100 et 5 ctl103... Tu veux faire quoi ? Ou même avec 4 ctl100 et 6 ctl103, la note finale serait ctl103 alors qu'il y a quand même 4ctl100.

Peut-être qu'une moyenne des résultats serait plus utile.
13/08/2015, 16h01
MalboroFR

1 pièce(s) jointe(s)

j'arrive pas à mettre une div dans le code car je le met dans le code SP mais elle s'applique pas apres sur le code html je peux prendre une autre balise comme span ?

En faite je suis en alternance depuis 4 mois et on me donne des projet à réaliser et la personne veut que ça soit comme ça ^^

J'ai fait un peu de jquery pour aligner les bouton et enlever leurs valeur à côté d'elles ^^

de base c'est comme ça:

Pièce jointe 185370

et en cas d'égalité on prend le meilleur ^^
13/08/2015, 16h07
MalboroFR

sinon on peut pas faire par l'id comme il s'agit que d'un champ?
13/08/2015, 16h13
Darkauron

Effectivement, on peut utiliser .not(). Je te laisse voir mon Fiddle : https://jsfiddle.net/9hnuabjp/9/
13/08/2015, 16h31
MalboroFR

C'est bon ça fonctionne c'est génial !!!!

Merci beaucoup vous m'avez super bien aidé!!!!

maintenant je vais mettre mettre un display sur la valeur calculé pour pas que l'utisateur modifie la valeur lui même.

Encore merci car je venais juste à effleuré le jquerry je commençais à pleurer xD
14/08/2015, 10h05
MalboroFR

Bonjour,

Oui c'est encore moi x)
Je voudrais faire pour le formulaire modifier que les valeurs ct100 ct101 ct102 ct103 prennent les valeurs dans le formulaires et plus qu'il soit défini préalablement dans le script ^^

function update_rep() {
$('input[type=radio]').not("#optChgPriority11 input[type=radio]").mousedown(function(){

Et apres je bloque xD
14/08/2015, 10h25
Darkauron

Re-bonjour,

Je n'ai pas compris ce que tu souhaite faire.

Peux-tu essayer de faire un exemple ?
14/08/2015, 10h38
MalboroFR

Re-Bonjour Darkauron,

je veux faire un fonction qui prend la valeur de chaque radio bouton et qui rempli le dictionnaire
par exemple la premiere valeur est suffisant et la seconde valeur est NA on doit obtenir

"ctl00": 1,"ctl01": 0,"ctl02": 0,"ctl03":1

en faite je voulais tester tout seul mais je comprend pas comment tu fais pour passer les valeurs en chiffre.
genre si c'est égale à suffisant faire ctl00 ++
14/08/2015, 10h51
Darkauron

Les valeurs sélectionnées sont stockées dans l'objet rep, que j'initialise avec var rep= {"ctl00": 0,"ctl01": 0,"ctl02": 0,"ctl03": 2};.

Ensuite, quand on change la valeur d'un bouton radio, je récupère le nom de l'input (du groupe de bouton radio) avec var radio = $(this).prop("name");.
Ensuite je récupère la valeur de celui-ci (valeur ctl00, ctl01,...) avec $("input[name='"+radio+"']:checked").val();.
La valeur me permet de savoir quel choix (suffisant, NA,...) à été fait.

Chaque valeur a une correspondance : suffisant => ctl00, plutot suffisant => ctl01, insuffisant => ctl02 et non applicable => ctl03.

Est ce que ça t'aide à comprendre ? Et est ce que ça répond à ton problème ou non ?
14/08/2015, 10h54
MalboroFR

Oui je vais essayer tout seul et si j'arrive pas je reviens vers toi^^

Encore merci Darkauron :)
14/08/2015, 11h10
MalboroFR

j'ai testé ça pour moi ça devrai marcher

je parcours tous les input boutons après je prend chaque radio bouton puis j'identifie la valeur et j'ajoute au dictionnaire +1 à la valeur valeur mais ça marche pas :/

voilà le code:

https://jsfiddle.net/9hnuabjp/11/
14/08/2015, 12h09
Darkauron

Regarde la console de ton navigateur, tu as une erreur javascript, il manque une parenthèse quelque part. En plus, si tu laisse ma fonction update_rep, elle va remplacer la tienne. Tu devrais la mettre en commentaire pour ne pas avoir de problème. Si tu ne trouve pas, je regarde cet après-midi.

Pour moi le code est bon :/

Code:

1
2
3
4
5
6
function update_rep() {    
    $('input[type=radio]').not("#optChgPriority11 input[type=radio]").mousedown(function(){
    	var radio = $(this).prop("name");
        var val_dep = $("input[name='"+radio+"']:checked").val();
    	rep[val_dep]++;
    }

et apres je l'appelle la update_rep dans function avec update_rep();

14/08/2015, 14h14
Darkauron

J'ai du mal à comprendre ce que tu fais.

Pour un appel de fonction, tu n'as pas besoin de mettre function update_rep(), tu mets juste update_rep().

Aussi, qu'appelles-tu un dictionnaire ?

J'ai fait une modification de ton script pour refermer les () et {} manquants : https://jsfiddle.net/9hnuabjp/12/
14/08/2015, 14h51
MalboroFR

En faite ta liste ressemble à un dictionnaire python c'est pour ça x)

Je veux une fonction qui j'exécute une fois et qui rempli la liste avec le nombre de récurrence par exemple quand on ouvre le formulaire pour modifier un élément il doit parcourir les input sauf le dernier et remplir la liste par exemple si il y a 4 suffisant 3 plutot insuffisant 1 insuffisant et 2 NA on doit avoir ctl00:4 ctl01=3 ctl02=1 et ctl03=2
donc moi je voulais faire un genre de for sur les input apres il prend chaque valeur des input et ajoute à la valeur correspondante et je pensais que

Code:

$('input[type=radio]').not("#optChgPriority11 input[type=radio]").mousedown(function(){

c'etait un genre de for
14/08/2015, 23h01
Darkauron

D'accord je viens de comprendre, c'est pour initialiser ton objet de départ. Je regarde pour faire ça et je t'explique après :).
14/08/2015, 23h11
Darkauron

Voilà : http://jsfiddle.net/9hnuabjp/14/

Je t'ai mis des commentaires sur la fonction qui permet de faire l'initialisation. J'ai juste laissé une première initialisation des 4 valeurs à 0 pour simplifier.
15/08/2015, 11h40
MalboroFR

Super merci Darkauron je vais regarder chaque fonction merci encore :)