I do not know how to get the values ​​of the selected checkboxes. Example :

$('.listAdditional input:checkbox').change(function() { var favorite = []; //some active here }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <div class="listAdditional"> <div class="part1"> <h3>Состояние</h3> <input name="additional" id="i1" type="checkbox"> <label for="i1">Новый</label> <br> <br> <input name="additional" id="i2" type="checkbox"> <label for="i2">Как новый</label> <br> <br> <input name="additional" id="i3" type="checkbox"> <label for="i3">Б/у</label> <br> <br> <input name="additional" id="i4" type="checkbox"> <label for="i4">Показывать с фотографиями</label> <br> <br> </div> <div class="part2"> <h3>Наличие</h3> <input name="additional" id="i5" type="checkbox"> <label for="i5">В наличии</label> <br> <br> <input name="additional" id="i6" type="checkbox"> <label for="i6">Под заказ</label> <br> <br> <input name="additional" id="i7" type="checkbox"> <label for="i7">В архиве</label> <br> <br> </div> </div>

    2 answers 2

    Try this:

     $(window).ready(function() { $('.listAdditional input:checkbox').change(function(){ var favorite = []; $.each($("input[name='additional']:checked"), function(){ favorite.push($(this).next('label').text()); }); alert("Value of Selected Checkboxes: " + favorite.join(", ")); }); }); 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <div class="listAdditional"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="part1"> <h3>Состояние</h3> <input name="additional" id="i1" type="checkbox"> <label for="i1">Новый</label> <br> <br> <input name="additional" id="i2" type="checkbox"> <label for="i2">Как новый</label> <br> <br> <input name="additional" id="i3" type="checkbox"> <label for="i3">Б/у</label> <br> <br> <input name="additional" id="i4" type="checkbox"> <label for="i4">Показывать с фотографиями</label> <br> <br> </div> <div class="part2"> <h3>Наличие</h3> <input name="additional" id="i5" type="checkbox"> <label for="i5">В наличии</label> <br> <br> <input name="additional" id="i6" type="checkbox"> <label for="i6">Под заказ</label> <br> <br> <input name="additional" id="i7" type="checkbox"> <label for="i7">В архиве</label> <br> <br> </div> </div> </div>

    • It works, thanks) - user192664
    • @NikitaSmith happy to try - user192664

    Probably it would be more correct to use the input attribute to set the value attribute with the value

     <input name="additional" id="i3" type="checkbox" value="Новый">

    then it is easier to get them:

     var values = $('.listAdditional input[type="checkbox"]:checked') .serializeArray() .map(function(item){ return item.value; }).join(', ');