Javascript JS和checkbox:多选

Javascript JS和checkbox:多选,javascript,twitter-bootstrap,checkbox,Javascript,Twitter Bootstrap,Checkbox,我正在开发这个,在这个页面中有一个表,其中包含一些过滤器选项 如果可能的话,我需要做多项选择,例如从这里选择一个复选框 <form class="filter"> <input type="checkbox" id="zimmer5" class="unchecked"> 5.5 <br> <input type="checkbox" id="zimmer4" class="unchecked"> 4.5 <b

我正在开发这个,在这个页面中有一个表,其中包含一些过滤器选项

如果可能的话,我需要做多项选择,例如从这里选择一个复选框

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

有什么想法吗?

您需要更新js,以便它只更改同一表单中的输入。例如:

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

您需要更新js,以便它只更改同一表单中的输入。例如:

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

所有id都应该是唯一的,属性名称可以是same@user2181397我编辑了第一篇文章,我想我必须改变脚本中的一些东西,使用单选按钮进行单选怎么样?所有id都应该是唯一的,属性名称可以是唯一的same@user2181397我编辑了第一篇文章,我想我必须改变剧本中的一些东西,用单选按钮来做单选怎么样?嗨,谢谢你的支持。但是,例如,当我使用此脚本时,如何过滤结果?例如,当你点击Zimmer 4.5,然后点击Haus 1时,你只能显示Zimmer 4.5和Haus 1的行。我需要一个新的脚本?@PicaLesu,以便您可以将不同的类添加到表单中。例如,
,稍后将选中的项目称为
$('.filter.decimal-numbers-filter input:checked')
。您好,感谢您的支持。但是,例如,当我使用此脚本时,如何过滤结果?例如,当你点击Zimmer 4.5,然后点击Haus 1时,你只能显示Zimmer 4.5和Haus 1的行。我需要一个新的脚本?@PicaLesu,以便您可以将不同的类添加到表单中。例如,
,稍后将选中的项目称为
$('.filter.decimal-numbers-filter input:checked')