Hallo,
ich bekomme es irgendwie nicht hin, per Klick den Haken aus der Checkbox zu bekommen. Vielleicht kann jemand kurz helfen?
ich bekomme es irgendwie nicht hin, per Klick den Haken aus der Checkbox zu bekommen. Vielleicht kann jemand kurz helfen?
HTML:
<div class="checkbox">
<label data-id="1">
<input type="checkbox" name="test[testing][testings][]" value="1">
</label>
<label data-id="2">
<input type="checkbox" name="test[testing][testings][]" value="2">
</label>
<label data-id="3">
<input type="checkbox" name="test[testing][testings][]" value="3">
</label>
</div>
<div class="filter-results">
<div class="result-1" data-id="1" style="display: none;">
<span class="del" data-id="1">X</span> Test1
</div>
<div class="result-2" data-id="2" style="display:none;">
<span class="del" data-id="2">X</span> Test2
</div>
<div class="result-3" data-id="3" style="display:none;">
<span class="del" data-id="3">X</span> Test3
</div>
</div>
Javascript:
// regelt das Toogle, wenn man auf die Checkbox klickt
$('input[type="checkbox"]').click(function(){
var inputValue = $(this).attr("value");
$(".result-" + inputValue).toggle();
});
// Bei klick auf das X, soll auch die Checkbox unchecked werden
$('.del').click(function(){
var inputValue = $(this).attr("data-id");
$(".result-" + inputValue).toggle();
$(".checkbox data-id-"+inputValue+" input[name=test[testing][testings]]").prop("checked", false);
});