JS ve onay kutusu: çoktan seçmeli

Question

Bu sayfadaki bazı filtreleme seçenekleriyle ilgili bir tabloya sahip olduğum bu website numaralı telefonu geliştiriyorum.

ben gerekenler, eğer mümkünse, örneğin buradan bir onay kutusunu seçmek için, çoklu seçimler yapmaktır ...

<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> 

... ve buradan başka bir ...

<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> 

... sonra da bir "dizi" 2000 olduğunu Zimmer 4.5 ile örneğinin sonuçlarını, görüntülemek - tamam, ben o senaryoya bir şey değiştirmek zorunda düşünüyorum 3000

-2400 veya 2400?

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

Herhangi bir fikir?

Answer 1

js'nizi güncellemeniz gerekir, böylece yalnızca aynı formdaki girdileri değiştirir. Ör:

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