0

Не знаю как получить значения выбранных checkbox'ов. Пример:

$('.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 ответа 2

1

Попробуй так:

$(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>

2
  • Работает, спасибо)
    – user192664
    18 авг 2016 в 9:59
  • @NikitaSmith рад стараться
    – user192664
    18 авг 2016 в 11:01
-1

Наверно правильнее было б в input прописать атрибут value со значением

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

тогда далее попроще их доставать:

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки