Bonjour, je n'arrive pas à changer la valeur d'un imput en cliquant sur un bouton. Auriez-vous la bonne méthode svp. Merci d'avance.

https://jsfiddle.net/p2z4o7hs/2/

HTML :

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<input id="Change" type="button" value="Change" /> 
    <BR>
    <BR>  
    <div id="Conteneur1" align="center">
    <input id="maVal" type="hidden" value="100" /> 
    <div id="Conteneur2" align="center"> 
    </div>
    </div>

Jquery :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
$("#Change").on("click", function () { 
  if ($('#maVal').val("100")) {
       alert($('#maVal').val());
       $('#maVal').value="75";      
      }  else if ($('#maVal').val("75")){
         alert($('#maVal').val()); 
         };
   });
CSS :

Code CSS : 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
#Change {
    word-wrap: break-word;
    overflow: hidden;
    padding-top:0%;
    padding-bottom:0%;
    padding-left:0%;
    padding-right:0%;
    background:red;
    color:white; 
    width:250px;
}
 
 
#Conteneur1 {
    word-wrap: break-word;
    overflow: hidden;
    padding-top:0%;
    padding-bottom:0%;
    padding-left:2%;
    padding-right:2%;
    height: 300px;
    width: 250px;
    background:grey;
    color:white;
  border:0;
  line-height: 1.5em; 
  text-align: justify;
  cursor:pointer;  
}