-2
votes

Comment puis-je obtenir la valeur d'un bouton lorsqu'un utilisateur clique-t-il dessus?

J'ai quatre boutons: xxx

et je souhaite capturer la valeur du bouton cliqué pour que je puisse l'ajouter plus tard avec un autre bouton et les ajouter ensemble.

J'ai ajouté ceci pour le JS: xxx

Je lis que je devrais plutôt utiliser. Auttr à la place, mais je ne sais pas comment ajouter un attribut personnalisé aux boutons?

javascript jquery

3 commentaires

Vous ne stockez pas le .val () n'importe où. Supprimer Var InputyRardsize = depuis le début et le mettez-le devant $ ("# Bouton-yardsize"). Val (); à la place. Cela dit, la documentation de JQuery indique que .val () devrait fonctionner pour tous les éléments de formulaire afin que je vous attends à ce qu'il fonctionne pour un , mais je n'ai personnellement jamais Essayé.


                                        
                                                                            Note latérale: avoir  Plusieurs éléments Avec la même valeur   n'est pas valide HTML .
                                        
                                                                            Dupliqué possible de  Comment obtenir l'élément de source d'événement JavaScript?



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                      Edit: Vous devez utiliser ID pour des éléments et des classes uniques pour un élément répété.  
 Donc, si vous remplacez l'ID par classe sur le bouton, le code doit ressembler à ceci:  
 Supprimez la déclaration du début et utilisez-le plutôt pour stocker les valeurs dans la fonction de clic.  
 De cette manière, vous aurez la valeur du bouton cliqué avec la classe spécifiée. < / p>  xxx                                  

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    3
 votes
                                
                            
                            
                                
                                     Tout d'abord, vous devez utiliser une classe, pas un identifiant. Les identifiants doivent être uniques et  $ ("# bouton-yardsizeize")  code> sélectionnera uniquement le premier bouton. 
 Dans l'écouteur d'événement Vous pouvez utiliser  ce  code> pour faire référence à Le bouton qui a été cliqué sur.  p> 
 Vous devez attribuer la variable  code> INPUISYURYRANDYURSIZE  CODE> à l'intérieur de la fonction.  .on ()  code> vient de renvoyer l'objet jQuery que vous liez le gestionnaire à la valeur, pas la valeur de l'intérieur de la fonction.  p> 
  p> 


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn btn-success button-yardSize" value="2"><h1>2</h1></button>
<button class="btn btn-success button-yardSize" value="4"><h1>4</h1></button>
<button class="btn btn-success button-yardSize" value="6"><h1>6</h1></button>
<button class="btn btn-success button-yardSize" value="8"><h1>8</h1></button>

                                

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     L'ID de chaque élément doit être unique 
$("#button-yardSize1").on("click", function(){
       inputYardSize=$("#button-yardSize1").val();
       console.log(inputYardSize);
});

                                

                                                                    
                                    
                                    
                                        0 commentaires