,可以通过以下步骤实现:
querySelectorAll
方法选择所有复选框元素,然后遍历每个复选框,判断是否被选中,将选中的值添加到数组中。var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var selectedValues = [];
checkboxes.forEach(function(checkbox) {
if (checkbox.checked) {
selectedValues.push(checkbox.value);
}
});
XMLHttpRequest
对象或者jQuery的$.ajax
方法发送POST请求,将选中的值作为请求的数据发送到Django视图。var xhr = new XMLHttpRequest();
xhr.open('POST', '/your-django-view-url', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功处理
console.log(xhr.responseText);
}
};
xhr.send(JSON.stringify(selectedValues));
request.POST
获取POST请求的数据,然后进行相应的处理。from django.http import JsonResponse
def your_django_view(request):
if request.method == 'POST':
selected_values = request.POST.getlist('selectedValues[]')
# 处理接收到的数据
# ...
# 返回响应
response_data = {'message': 'Data received successfully'}
return JsonResponse(response_data)
以上是将复选框数组从js发送到Django视图的基本步骤。根据具体的业务需求,可以在Django视图中进一步处理接收到的数据,并返回相应的结果。
这个元素正式定义了一个表单,就像 标签,它是一个容器元素,但它也支持一些特定的属性来配置表单的行为方式。它的所有属性都是可选的,但实践中最好至少要设置action属性和method属性。
就可以添加复选框的功能了。 所以将复选框搞出来以后,就开始将获取到选择的数据值了。 |
---|