php 复选框 多值传递,使用Jquery将复选框值传递给PHP并在div中显示结果

我想用jQuery过滤实时结果(就像在这个网站http://shop.www.hi.nl/hi/mcsmambo.p?M5NextUrl=RSRCH上一样)。所以当有人检查复选框时，结果应该更新实时(在div中)。现在我是一个jQuery新手，我已经尝试了很多示例，但是我无法实现它。这是我的代码，有人能告诉我我做错了什么吗？非常感谢你！

HTML

Kleur:

Blauw

Wit

Zwart

Operating System:

Android

Apple iOS

Here should be the result

jQuery的

function updateTextArea() {

var allVals = [];

$('#c_b :checked').each(function() {

allVals.push($(this).val());

});

var dataString = $(allVals).serialize();

$.ajax({

type:'POST',

url:'/wp-content/themes/u-design/filteropties.php',

data: dataString,

success: function(data){

$('#myResponse').html(data);

}

});

}

$(document).ready(function() {

$('#c_b input').click(updateTextArea);

updateTextArea();

});PHP

//Just to see if the var passing works

echo var_export($_POST);