obtenir toutes les valeurs d'entrée vérifié iCheck lorsque le formulaire soumettre

Question

comme je html et besoin sur le formulaire soumettre pour obtenir toutes les valeurs vérifiées dans une valeur de résultat, mais j'utilise iCheck.js bibliothèque et je n'ai pas entrées avec l'attribut vérifié

$('.checkbox-buy').iCheck({ 
 
    checkboxClass: 'icheckbox_square-green', 
 
    radioClass: 'iradio_square-green', 
 
    increaseArea: '20%' // optional 
 
}); 
 

 
/* I need something like but it doesn't work 
 
*/ 
 
$('#form1').submit(function(){ 
 
    var result; 
 
    $('.checkbox-buy').on('ifChecked', function(event).each(function(){ 
 
result += $(this).val(); 
 
}); 
 
});

<script src="http://tvoetango.ru/elki2/libs/icheck/icheck.min.js"></script> 
 

 
<link href="http://tvoetango.ru/elki2/libs/icheck/skins/square/green.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<form action="form.php" method="post" id="form1"> 
 
\t <input type="checkbox" name="buy-item" class="checkbox-buy" value="value 1"> 
 
\t <input type="checkbox" name="buy-item" class="checkbox-buy" value="value 2"> 
 
\t <input type="checkbox" name="buy-item" class="checkbox-buy" value="value 3"> 
 
    <!-- 
 
In html I have such code 
 
--> 
 
    <!-- 
 
    <div class="icheckbox_square-green checked" style="position: relative;"> 
 
<input class="checkbox-buy" name="buy-item" value="value1" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;" type="checkbox"> 
 
<ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins> 
 
</div> 
 
--> 
 
</form>

Answer 1

Je html suivant:

<input type="checkbox" name="buy-item" class="checkbox-buy" value="value 1" checked="true"> 
<input type="checkbox" name="buy-item" class="checkbox-buy" value="value 2"> 
<input type="checkbox" name="buy-item" class="checkbox-buy" value="value 3"> 

Pour obtenir des valeurs Enregistrés tableau avec des valeurs:

var dic = $(".checkbox-buy:checked").map(function(){ 
    return $(this).val(); 
}).toArray(); 

console.log(dic); // => ["value 1"] 

Demo

Answer 2

essayez ceci:

$('#form1').submit(function(){ 
    var result = ''; 
    $(this).find('.checkbox-buy').each(function() 
    if($(this).prop("checked") == true) { 
     result += $(this).val(); 
    } 
    }); 
}); 

Answer 3

ci-dessous le code fonctionne pour moi,

$('#form1').submit(function(){ 
    var result = ''; 
    $.each($("input[name='buy-item']:checked"), function(){ 
     result += $(this).val(); 
    }); 
});