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;

Ваш ответ

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

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