可以通过以下步骤实现:
<input type="checkbox" name="option1" value="value1"> Option 1
<input type="checkbox" name="option2" value="value2"> Option 2
<input type="checkbox" name="option3" value="value3"> Option 3
var selectedOptions = [];
function handleCheckboxChange(checkbox) {
if (checkbox.checked) {
selectedOptions.push(checkbox.value);
} else {
var index = selectedOptions.indexOf(checkbox.value);
if (index > -1) {
selectedOptions.splice(index, 1);
}
}
}
function sendDataToDjango() {
var data = {
selectedOptions: selectedOptions
};
$.ajax({
url: '/your-django-view-url/',
type: 'POST',
data: data,
success: function(response) {
// 处理成功响应
},
error: function(xhr, status, error) {
// 处理错误响应
}
});
}
def your_django_view(request):
selected_options = request.POST.getlist('selectedOptions')
# 进行相应的处理逻辑
return HttpResponse('Success')
通过以上步骤,你可以实现将已选中和未选中复选框的值传递给Django视图,并在后端进行相应的处理。在实际应用中,你可以根据具体的业务需求进行适当的修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云