根据复选框显示和隐藏我的div

时间:2017-10-30 01:30:39

标签: javascript jquery

我有很多div,都是班级product_listing。它们都有data-category属性,可以是accessoryhardwaremobilesoftware。在我的javascript中,我只想显示已选中其类别的复选框。我在html中的复选框编码为:

<input type="checkbox" name="category_filter" value="all" 
checked="checked">&nbsp;All</input><br />

<input type="checkbox" name="category_filter" 
value="accessory">&nbsp;Accessory<br />

<input type="checkbox" name="category_filter" 
value="hardware">&nbsp;Hardware<br />

<input type="checkbox" name="category_filter" value="mobile">&nbsp;Mobile 
App<br />

<input type="checkbox" name="category_filter" 
value="software">&nbsp;Software<br />

在我的javascript中,我有数组accessory_productshardware_productsmobile_productssoftware_products,所以我只需要根据复选框显示和隐藏它们。我只是不知道如何使if语句检查哪些框被选中。有人可以帮忙吗?我当然使用jquery。

1 个答案:

答案 0 :(得分:0)

将来我建议您显示您尝试编码的内容,以便堆叠用户可以帮助您并协助您出错。

以下内容应该指向您的方向 - 它不完整但会帮助您完成解决方案。

https://codepen.io/zell71/pen/gXpbKb

HTML:

MetaGraphDef

JS:

MetaGraph

感谢