Fonction d'aide Jquery avec case à cocher foreach

Question

J'ai quelques cases à cocher que j'essaie d'obtenir les valeurs de l'aide d'une fonction d'assistance jquery.

<div class="checkbox"> 
<label> 
<input name="gift_wrap" value="Wrap" type="checkbox"> Gift wrap 
</label> 
<label> 
<input name="gift_wrap" value="Wrapper" type="checkbox"> Wrapper 
</label> 
<label> 
<input name="gift_wrap" value="Pap" type="checkbox"> Pap 
</label> 
</div> 

Voici le Jquery:

_getContent: function (elm) { 
     if(elm.is(":checkbox, :radio")){ 
      return elm.is(":checked") ? elm.map(function(){ 
      return $(this).val()}) : ''; 
     } else { 
      return elm.text(); 
     } 
     return ''; 
    } 

Voici comment il est appelé:

_getProductDetails: function (elm) { 
     var mi = this; 
     var p = {}; 
     elm.parents(this.options.productContainerSelector) 
      .find(this.options.productElementSelector) 
      .each(function() { 
       if ($(this).is('[name]') === true || typeof $(this).data('name') !== typeof undefined) { 
        var key = $(this).attr('name') ? $(this).attr('name') : $(this).data('name'); 
        var val = mi._getContent($(this)); 
        if(key && val){ 
         p[key] = val;  
        } 
       } 
      }); 
     return p; 
    } 

Je reçois ce [object Object] au lieu des valeurs. Je ne suis pas si bon à Jquery et pas tout à fait sûr comment s'y prendre, j'ai aussi essayé .each sans beaucoup de succès.

Answer 1

La méthode .map() de jQuery renvoie une collection jQuery des résultats de la fonction, et non un tableau. Vous pouvez utiliser .get() pour le convertir en tableau.

Mais il ne semble pas y avoir de raison d'appeler .map() en premier lieu. Renvoie juste la valeur de l'élément s'il est coché.

_getContent: function (elm) { 
    if(elm.is(":checkbox, :radio")){ 
     return elm.is(":checked") ? elm.val() : ''; 
    } else { 
     return elm.text(); 
    } 
} 

Answer 2

.map est une fonction à appeler sur un tableau. Je suppose que vous traversez une seule entrée. Cela fonctionnera (modifié pour le faire fonctionner dans l'extrait)

En outre, le dernier retour ne tirera jamais. voici donc une solution:

_getContent= function (elm) { 
 
     if(elm.is(":checkbox, :radio")){ 
 
      return elm.is(":checked") ? elm.val() : ''; 
 
     } 
 
     return elm.text(); 
 
     
 
    } 
 
    
 
    console.log(_getContent($('input').eq(1)))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="checkbox"> 
 
<label> 
 
<input name="gift_wrap" value="Wrap" type="checkbox"> Gift wrap 
 
</label> 
 
<label> 
 
<input name="gift_wrap" value="Wrapper" type="checkbox" checked> Wrapper 
 
</label> 
 
<label> 
 
<input name="gift_wrap" value="Pap" type="checkbox"> Pap 
 
</label> 
 
</div>