一、查询数据库遍历所有的复选框
def add (request) :
if request.method == 'GET' :
tags = TagModel.objects.all()
return render(request, 'books_add.html' , {'tags' : tags})
elif request.method == 'POST' :
title = request.POST.get('title' , None )
content = request.POST.get('content' , None )
blogModel = BlogModel(title=title, content=content, author=AuthorModel.objects.get(id=1 ))
blogModel.save()
tags = request.POST.getlist('tags' )
for tag in tags:
blogModel.tag.add(tag)
return HttpResponseRedirect('book_add' )
else :
return HttpResponse(u'是不被处理的请求方式' )
<div class ="form-group" >
<label class ="col-sm-2 control-label" > 标签</label >
<div class ="col-sm-9" >
{% for tag in tags %}
<label class ="checkbox-inline" >
<input value =" {{ tag.id }} " type ="checkbox" name ="tags" />{{ tag.name }}
</label >
{% endfor %}
</div >
</div >
def edit (request, blog_id) :
tags = TagModel.objects.all()
blogModel = BlogModel.objects.filter(id=blog_id).first()
check_tag = blogModel.tag.all()
check_id = [int(x.id) for x in check_tag]
print check_id
return render(request, 'books_edit.html' , {'tags' : tags, 'check_id' : check_id})
<div class ="form-group" >
<label class ="col-sm-2 control-label" > 标签</label >
<div class ="col-sm-9" >
{% for tag in tags %}
{% if tag.id in check_id %}
<label class ="checkbox-inline" >
<input value =" {{ tag.id }} " type ="checkbox" name ="tags" checked ="checked" />{{ tag.name }}
</label >
{% else %}
<label class ="checkbox-inline" >
<input value =" {{ tag.id }} " type ="checkbox" name ="tags" />{{ tag.name }}
</label >
{% endif %}
{% endfor %}
</div >
</div >
二、ajax
提交的时候注意要把复选框转换字符串提交
$('#btn' ).on('click' , function (e) {
var hobby = [];
$('#hobby-group' ).find('input[type=checkbox]' ).each(function () {
if ($(this ).prop("checked" )) {
var hobbyId = $(this ).val();
hobby.push(hobbyId);
}
})
console.log(hobby);
$.ajax({
'url' : '/ajaxpost/' ,
'method' : 'post' ,
'data' : {
'username' : $('.username' ).val(),
'hobby' : hobby
},
'traditional' : true ,
'beforeSend' : function (xhr, settings) {
var csrftoken = ajaxpost.getCookie('csrftoken' );
xhr.setRequestHeader('X-CSRFToken' , csrftoken);
},
'success' : function (data) {
console.log(data);
}
})
})
@require_http_methods(['POST' ])
def ajaxpost(request):
form = LoginForm(request.POST)
if form.is_valid():
username = form.cleaned_data.get('username' , None)
# 获取复选框的值
hobby = request.POST.getlist('hobby' )
print '*' * 100
print hobby
print '*' * 100
return HttpResponse(u'成功' )
else :
return HttpResponse(u'验证错误' )