Javascript 如何从模型渲染多个选项字段

我需要按如下方式呈现产品模型：

1-有两个男女性别复选框

• 当用户检查男士时，只显示男士产品

• 当用户检查女性时，仅显示女性产品

• 当同时选中或取消选中这两个选项时，将显示所有产品

所以我使用了性别字段的选项，但是如何在我的模板中呈现它，如上所述？先谢谢你

GENDER_CHOISES=(
('men', "Men"),
    ('women', "Women"),)
class Product(models.Model):
    title = models.CharField(max_length=120)
    slug  = models.SlugField(blank=True, unique=True)
    description = models.TextField()
    price  = models.DecimalField(decimal_places=2, 
    max_digits=20, default=39.99)
    image  = models.ImageField(upload_to='products', 
    null=True, blank=False)
    featured  = models.BooleanField(default=False)
    active  = models.BooleanField(default=True)
    gender = models.CharField(max_length=120,default="women" 
    ,choices=GENDER_CHOISES)
    timestamp= models.DateTimeField(auto_now_add=True)

---

如果是显示所有产品的视图，您可以执行以下操作：

从数据库中检索所有产品。 然后，如果选择了女性，则需要使用一些javascript隐藏所有男性产品，如果选择了男性，则需要隐藏女性产品

---

或者更高级的方法是使用一些ajax或创建一个api，以便在每次选中复选框时按所需性别过滤产品查询集。

因此，您可以让任何javascript代码片段都这样做！！