Question

我在简单的check box应用程序中使用django控件。当我使用标准check box控件时，我可以在views.py中获得所需的值。但是当我使用bootstrap复选框控件时，我无法获得值。逻辑似乎很好，我不知道为什么它不起作用。任何人都可以指出错误，提前谢谢。

标准方式

<input type="checkbox" name="fruit" value="Apple"> Apple 
<input type="checkbox" name="fruit" value="Mango"> Mango

引导方式

<div class="form-check">
    <input class="form-check-input" type="checkbox" value="" id="fruit">
    <label class="form-check-label" for="fruit">Apple</label>
</div>
<div class="form-check">
    <input class="form-check-input" type="checkbox" value="" id="fruit">
    <label class="form-check-label" for="fruit">Mango</label>
</div>

view.py

if request.method == 'POST':
        fruit = request.POST.getlist('fruit')

Answer 1

您已为两者设置id="fruit"，为{both} for="fruit"设置<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <div class="container mt-3"> <div class="row"> <div class="col"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="Apple" id="apple"> <label class="form-check-label" for="apple">Apple</label> </div> <div class="form-check"> <input class="form-check-input" type="checkbox" value="Mango" id="mango"> <label class="form-check-label" for="mango">Mango</label> </div> </div> </div> </div>。

对于不同的复选框，需要有所不同。

此外，在您的情况下，值设置为空。

   <app-search-form (searchEvent)='searchCriteria($event)'></app-search-form>

如何在django中使用bootstrap复选框控件

1 个答案: