JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="divFiltros"></div>
<form method="POST">
<legend>Marca</legend>
<div class="checkbox checkbox-success">
<input class="styled marca" type="checkbox" id="6327" name="1117" value="6327">
<label for="">Samsung</label>
</div>
<div class="checkbox checkbox-success">
<input class="styled marca" type="checkbox" id="6327" name="1117" value="6328">
<label for="">Motorola</label>
</div>
<div class="checkbox checkbox-success">
<input class="styled marca" type="checkbox" id="6327" name="1117" value="6329">
<label for="">Sony</label>
</div>
<div class="checkbox checkbox-success">
<input class="styled marca" type="checkbox" id="6327" name="1117" value="6330">
<label for="">LG</label>
</div>
<legend>Especificação</legend>
<div class="checkbox checkbox-success">
<input class="styled marca" type="checkbox" id="450" name="1120" value="450">
<label for="450">4G</label>
</div>
<div class="checkbox checkbox-success">
<input class="styled marca" type="checkbox" id="455" name="1120" value="455">
<label for="455">2 Chips</label>
</div>
<div class="checkbox checkbox-success">
<input class="styled marca" type="checkbox" id="461" name="1120" value="461">
<label for="461">Video 4K</label>
</div>
</form>
JavaScript
$(document).ready(function() {
$('input').click(selecionado);
function selecionado(e) {
var name = this.name;
var escolhidos = $('input:checked');
if (escolhidos.length > 0) {
var contador = escolhidos.length + " selecionado(s)<br/>";
var selecionados = escolhidos.map(function() {
var produto = {nome: this.name, value: this.value};
contador += this.value + " ";
return produto;
}).get();
alert(JSON.stringify(selecionados, null, 4));
$('#divFiltros').html(contador);
} else {
$('#divFiltros').html("Nenhum selecionado");
}
};
});