JS und Checkbox: Multiple Choice

Question

Ich entwickle diese website, wo ich eine Tabelle auf dieser Seite mit einigen Filtermöglichkeiten haben.

Was ich brauche, wenn es möglich ist, ist es, mehrere Entscheidungen zu treffen, zum Beispiel von hier eine Checkbox auswählen ...

<form class="filter"> 
    <input type="checkbox" id="zimmer5" class="unchecked"> 5.5 
    <br> 
    <input type="checkbox" id="zimmer4" class="unchecked"> 4.5 
    <br> 
    <input type="checkbox" id="zimmer3" class="unchecked"> 3.5 
    <br> 
    <input type="checkbox" id="zimmer2" class="unchecked"> 2.5 
    <br> 
</form> 

... und eine weitere von hier ...

2400 oder 2400 - - zum Beispiel mit Zimmer 4.5, das hat auch einen „Bereich“ 2000

<form class="filter"> 
    <input type="checkbox" id="range1" class="unchecked"> 1200 – 1600 
    <br> 
    <input type="checkbox" id="range2" class="unchecked"> 1600 – 2000 
    <br> 
    <input type="checkbox" id="range3" class="unchecked"> 2000 – 2400 
    <br> 
    <input type="checkbox" id="range4" class="unchecked"> 2400 – 3000 
    <br> 
    <input type="checkbox" id="range5" class="unchecked"> 3000 – 3400 
</form> 

... und dann Ergebnisse zeigen 3000

ich glaube, ich habe ändern etwas in diesem Skript, nicht wahr?

$('input.unchecked').on('change', function() { 
    $('input.unchecked').not(this).prop('checked', false); 
}); 

Irgendwelche Ideen?

Answer 1

Sie müssen Ihre js aktualisieren, so dass nur die Eingaben innerhalb derselben Form geändert werden. ZB:

$('input.unchecked').on('change', function() { 
    $(this).parent().find('input.unchecked').not(this).prop('checked', false); 
});