JavaScript jQuery checkbox unchecked

Schumiel

Lieutenant
Registriert
Jan. 2010
Beiträge
840
Hallo,

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);
});
 
Zeile 10 in deinem Script ist Quatsch. Versuch's mit
Javascript:
$(".checkbox label[data-id="+ inputValue +"] input").prop("checked", false);
 
  • Gefällt mir
Reaktionen: Schumiel
https://jsfiddle.net/wb7z5f64/

Javascript:
 $("input[type='checkbox'][data-value='"+inputValue+"']").prop("checked",false);

Dein JQuery hat bei mir ne Exception ausgelöst, als ich deinen Code ausgeführt habe.
Hab das mal überarbeitet.
 
  • Gefällt mir
Reaktionen: Schumiel
Zurück
Oben