checkbox foreachを使用したJqueryヘルパ関数

Question

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> 

はここでjQueryの：

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

これは、それが呼び出されています方法です：

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

私が代わりにこの値の[object Object]を取得しています。私はJqueryでうまくやっていないし、どうやってどうやったらいいのかわからない、私も.eachを試してみた。

Answer 1

jQueryの.map()メソッドは、配列ではなく関数の結果のjQueryコレクションを返します。 .get()を使用して配列に変換できます。

最初に.map()を呼び出す理由はないようです。チェックされている場合は、要素の値を返します。

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

Answer 2

.mapは、アレイ上で呼び出される関数です。私はあなたが単一の入力を通過していると仮定します。これは機能します（スニペットで動作するように変更されました）

また、最後の返品は発生しません。だからここソリューションです：

_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>