Changer valeur input Hidden

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:

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:

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:

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;  
}

Bonjour,

Code:

if ($('#maVal').val("100")) {

Non, car là tu AFFECTES la valeur 100.

Pour COMPARER :

Code:

if ($('#maVal').val()=="100") {

D'autre part (et en 1er lieu), as-tu bien initialisé jQuery ?

Code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Bonjour, c'était simple en effet, le problème est réglé :

https://jsfiddle.net/p2z4o7hs/4/

Il fallait bien mettre ($('#maVal').val()=="100") au lieu de ($('#maVal').val("100")).

Merci beaucoup.