Question

我正在开发此website，我在此页面中有一个表格，其中包含一些过滤器选项。

如果可能的话，我需要做出多种选择，例如从这里选择一个复选框......

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

......还有一个来自这里...

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

...然后显示结果，例如，Zimmer 4.5也有“范围”2000 - 2400或2400 - 3000

我想我必须在这个剧本中改变一些东西，对吧？

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

有什么想法吗？

Answer 1

您需要更新您的js，以便它只更改同一表单中的输入。 E.g：

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

JS和复选框：多项选择

1 个答案: