我有很多div,都是班级product_listing
。它们都有data-category
属性,可以是accessory
,hardware
,mobile
或software
。在我的javascript中,我只想显示已选中其类别的复选框。我在html中的复选框编码为:
<input type="checkbox" name="category_filter" value="all"
checked="checked"> All</input><br />
<input type="checkbox" name="category_filter"
value="accessory"> Accessory<br />
<input type="checkbox" name="category_filter"
value="hardware"> Hardware<br />
<input type="checkbox" name="category_filter" value="mobile"> Mobile
App<br />
<input type="checkbox" name="category_filter"
value="software"> Software<br />
在我的javascript中,我有数组accessory_products
,hardware_products
,mobile_products
和software_products
,所以我只需要根据复选框显示和隐藏它们。我只是不知道如何使if语句检查哪些框被选中。有人可以帮忙吗?我当然使用jquery。
答案 0 :(得分:0)
将来我建议您显示您尝试编码的内容,以便堆叠用户可以帮助您并协助您出错。
以下内容应该指向您的方向 - 它不完整但会帮助您完成解决方案。
https://codepen.io/zell71/pen/gXpbKb
HTML:
MetaGraphDef
JS:
MetaGraph
感谢