2

Существует N-ое кол-во чекбоксов (checkbox), на каждой странице оно всегда разное. Использую плагин iCheck с GitHub .

Задача, при отметке checked в чекбоксe отправлять с помощью JS значение его атрибута value. Т.е. если отмечены 5 , 8 и 9 то value должен быть: 5 8 9.

У меня же получается достать значение только из одного, последнего отмеченного чекбокса, даже если отмечены хоть 10 штук.

Мой код:

$('.iCheck').on('ifChecked', function(event){
    var checkedValue = $(this).attr('value');
    alert(checkedValue);
    var itemsbought = document.getElementById(checkedValue).innerHTML;
    $('.gds-buy-items-bought').html('<div class="item">'+itemsbought+'</div>');
});

В итоге у меня код

$('.gds-buy-items-bought').html('<div class="item">'+itemsbought+'</div>');

Срабатывает только 1 раз с 1 значением. А нужно, чтобы сработал со всеми значениями и столько раз, сколько отмеченных чекбоксов у меня есть..

Мучаюсь полтора часа, уже и циклы пихать пытался, пока без шансов.

8
  • покажите пожалуйста html код ваших чекбоксов
    – dantelol
    19 сен 2015 в 13:54
  • Уже решил проблему. Помогли на англ stack'e. Все оказалось просто. var itemsbought=[]; $('.iCheck').on('ifChecked', function(event){ var checkedValue = $(this).attr('value'); var v = document.getElementById(checkedValue).innerHTML; itemsbought.push(v); $('.gds-buy-items-bought').html('<div class="item">'+itemsbought+'</div>'); });
    – Anonymouse
    19 сен 2015 в 13:59
  • опубликуйте тогда ссылочку на тот пост - мало ли вдруг кто то еще искать будет))
    – dantelol
    19 сен 2015 в 14:00
  • 1
    @Rolandius у вас есть некоторые ошибки в использовании внутристрочного выделения кода. Рекомендую прочитать вот эту инструкцию: Когда стоит использовать внутристрочное выделение для кода?
    – Nick Volynkin
    19 сен 2015 в 15:18
  • 1
    @NickVolynkin, спасибо, не видел это сообщение!
    – Rolandius
    19 сен 2015 в 21:41

1 ответ 1

1

Если абстрагироваться от jQuery, можно вспомнить, что у форм есть замечательное свойство, позволяющее пробежаться по всем элементам. А вот и пример из http://www.w3schools.com :

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "You ordered a coffee with: " + txt;

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.