Dus als ik op button abonnementen klik checkbox abonnementen word aangevinkt.
http://codepen.io/anon/pen/jPxRxZ
<div id="filter-menu">
<div class="categorie">
<h4>Categorie</h4>
<form>
<div class="checkbox">
<label>
<input type="checkbox" name="categorie" value="abonnementen">
Abonnementen
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="categorie" value="accessoires">
Accessoires
</label>
</div>
</form>
</div>
<div class="merk">
<h4>Merk</h4>
<form>
<div class="checkbox">
<label>
<input type="checkbox" name="merk" value="adobe">
Adobe
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="merk" value="apple">
Apple
</label>
</div>
</form>
</div>
</div>
<div id="gereedschap-lijst">
<div class="gereedschap-spec">
<div class="categorie">
<label>Categorie:</label>
<button type="button">Abonnementen</button>
</div>
<div class="merk">
<label>Merk:</label>
<button type="button">Adobe</button>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$('.gereedschap-spec button').click(function() {
var classname = $('button').parent().attr('class');
var valuname = $('button').val();
$('#filter-menu > div')
.hasClass(classname)
.find(':radio')
.val(valuname)
.prop('checked', 'checked')
.trigger('change');
});
</script>
Heb het ook zo geprobeerd maar dat checked alle checkboxen.
<script>
$('.gereedschap-spec button').click(function() {
var classname = $('button').parent().attr('class');
var valuname = $('button').val();
if ($('#filter-menu > div').hasClass(classname)) {
$('#filter-menu :checkbox')
.val(valuname)
.prop('checked', 'checked')
.trigger('change');
}
});
</script>