如果未选中每个具有相同名称的复选框，如何发送一些值？

Question

这里我有多个同名复选框。复选框可以添加到 n 号。次。

如果已经勾选，我想发送 1，如果不发送 0。

现在在我的 django 后端，我正在获取带有 request.POST.getlist('need_a') 的列表，如下所示。

如果全部选中 [1, 1, 1] 就可以了。

如果只检查一个，那么我得到的是[1] 而不是[1, 0, 0]

 <input name="need_a" type="checkbox" class="custom-control-input" 
 value="1" {% if some_condition %}checked{% endif %}/>

 <input name="need_a" type="checkbox" class="custom-control-input "
 value="1" {% if some_condition %}checked{% endif %}/>

 <input name="need_a" type="checkbox" class="custom-control-input" 
 value="1" {% if some_condition %}checked{% endif %}/>

Answer 1

这项工作。
只需在 jquery 中创建一个更改处理程序并证明它是否被检查。
在开发者工具中检查它。

$('input[type="checkbox"]').change(function() {
  if (this.checked) {
    $(this).val(1);
  } else {
    $(this).val(0);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <input name="need_a" type="checkbox" class="custom-control-input" value="1" checked>
  <label for="scales">Scales</label>
</div>

<div>
  <input name="need_a" type="checkbox" class="custom-control-input" value="1" checked>
  <label for="horns">Horns</label>
</div>

<div>
  <input name="need_a" type="checkbox" class="custom-control-input" value="1" checked>
  <label for="Guitar">Guitar</label>
</div>

Answer 2

您的方法不正确，您需要为未选中的字段创建一个具有默认值的隐藏输入，并按名称分组，请参见下面的示例：

<input name="need_a" type="hidden" value="0">
<input name="need_a" type="checkbox" class="custom-control-input" value="1" {% if some_condition %}checked{% endif %}>

<input name="need_b" type="hidden" value="0">
<input name="need_b" type="checkbox" class="custom-control-input " value="1" {% if some_condition %}checked{% endif %} />

<input name="need_c" type="hidden" value="0">
<input name="need_c" type="checkbox" class="custom-control-input" value="1" {% if some_condition %}checked{% endif %} />

在 django 中，您需要创建一个数组来尊重您的格式，例如：

formValues = [request.POST.getlist('need_a'), request.POST.getlist('need_b') , request.POST.getlist('need_c')]

然后您将获得[1,0,1] / [0,0,1] / etc 值。

这是浏览器发送给 django 的内容（need_a checked、need_b not checked、need_c checked）：

need_a  […]
0   "0"
1   "1"
need_b  "0"
need_c  […]
0   "0"
1   "1

这就是我的后端（PHP）在请求中捕获的内容：

Array ( [need_a] => 1 [need_b] => 0 [need_c] => 1 )