Добрый день. Есть такой код html:
<div id="qwestion_40" class="question_item">
<b>Вопрос 2 (3 правильных варианта ответа - последовательность 5,2,3)</b>
<div id="8" data-max="3" data-seq="1">
<input name="qw_40[seq]" value="1" type="hidden">
<input name="qw_40[cta]" value="3" type="hidden">
<div><input id="answer_40_57" value="57" class="chbx" name="qw_40[]" type="checkbox"> <label for="answer_40_57"><span></span>Ответ 1</label></div>
<div><input id="answer_40_58" value="58" class="chbx" name="qw_40[]" type="checkbox"> <label for="answer_40_58"><span></span>Ответ 2 (true)</label></div>
<div><input id="answer_40_59" value="59" class="chbx" name="qw_40[]" type="checkbox"> <label for="answer_40_59"><span></span>Ответ 3 (true)</label></div>
<div><input id="answer_40_60" value="60" class="chbx" name="qw_40[]" type="checkbox"> <label for="answer_40_60"><span></span>Ответ 4</label></div>
<div><input id="answer_40_61" value="61" class="chbx" name="qw_40[]" type="checkbox"> <label for="answer_40_61"><span></span>Ответ 5 (true)</label></div>
</div>
</div>
Скажите, как мне при выборе чекбокса, заносить его значение в массив или например в скрытое поле input. Проблема в том, что мне нужно заносить последовательность выбранных чекбоксов. А значит, если пользователь передумал и какой-то чекбокс отменил, его значение должно удаляться из массива выбранных.
Пытался таким кодом, но он не удаляет убранный пользователем чекбокс из последовательности:
$(':checkbox').on('click', function() {
var chbx = $(this);
var seq = chbx.parent().parent().attr('data-seq');
if (seq == 1) {
if (chbx.is(':checked')){
console.log(chbx.val());
}
}
});