Я не знаком ни с js ни с jQuery, поэтому возникла небольшая загвоздка. Я пришел к следующему коду

<script>
		$('.ajax_rand').click( function() {

			var selectedCheckboxes = $("article input:checkbox:checked").val();

			params = {
				id : '{{info.question.id}}',
				checkbox : selectedCheckboxes
			};
			$.ajax({
				type: 'POST',
				url: '/ajax.php?action=question_update',
				data: params,
				success: function(data){
					$('.ac-custom').html(data);
				}
			});
		});
	</script>

задача сводиться к тому что бы передать информацию,обработать и вернуть ответ. Но таким способом получается отправить только 1 отмеченный чекбокс а их может быть больше. Собственно как изменить код что бы получить больше 1 отмеченного чекбокса?

html участок кода

<div class="ac-custom ac-checkbox">
<button class="red ajax_rand">Проверить</button>
<ul id="variant">
	{% for i in (0..info.question.answer|length -1) %}
		<li><input id="cb{{i}}" type="checkbox" value="answer[{{i}}]"><label for="cb{{i}}">{{info.question.answer[i]}}</label></li>
	 {% endfor %}
</ul>