すべての画像を選択した場合 - 画像ピッカープラグインjQuery

Question

画像を選択するには、画像ピッカーのプラグインを使用しています。 https://rvera.github.io/image-picker/

私は小さな質問があります。どのように私は何かをするよりも選択されたすべての画像idを言う文を書くことができます。

送信ボタンがあります。すべての画像が選択されている場合は、ボタンを表示するか、そうでない場合は非表示にします。

HTML

<select class="image-picker" multiple="multiple" id="freestanding-sings-selection" name="freestanding-sings-selection" > 
    <option class="process-icons" data-img-src='../../css/freestanding-signs/insert-fts.png' value="1" id="insert"> 
    </option> 
    <option class="process-icons insert_cover" data-img-src="../../css/freestanding-signs/cover-fts.png" value="2"> 
    </option> 
    <option class="" data-img-src="../../css/freestanding-signs/label.png" value="3"> 
    </option> 
</select> 

はJavaScript

$("#freestanding-sings-selection").imagepicker({ 
    //if all images slected { 
    //do something 
    //} 
}); 

ありがとう

編集セルフチェック

を作りました

$("#freestanding-sings-selection").imagepicker({ 
    selected: function(selected) { 
    if (selected.length >= 3) { 
     alert(3); 
    } 
    } 
}); 

Answer 1

イメージピッカーのドキュメントを読んだ場合、プラグインがいくつかのコールバックを実装していることがわかります。変更、クリック、選択。コールバックは、イメージをクリックする、選択したイメージを変更するなどの特定のアクションを実行するとトリガーされます。

したがって、このような何か：（「選択」）

$("#freestanding-sings-selection").imagepicker({ 
    selected: function() { 
     if (document.querySelectorAll('.selected').length > 3) { 
      // do something 
     } 
    } 
}) 

これはselectedトリガーと例です、あなたは本当に私がdocument.querySelectorAllを使用

を必要としているかを判断しdemopage理由イメージピッカーの選択されたイメージが選択されたクラスを取得することを示します。だから簡単にカウントしてビジネスロジックに追加することが可能