微客导航 » 文章资讯 » Django开发中复选框用法示例

Django开发中复选框用法示例

2023-09-15 05:26:05 195

本文实例讲述了Django开发中复选框用法。分享给大家供大家参考，具体如下：

一、查询数据库遍历所有的复选框

1、python查询数据库所有的tag

#新增文章
defadd(request):
ifrequest.method=='GET':
tags=TagModel.objects.all()
returnrender(request,'books_add.html',{'tags':tags})
elifrequest.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')
#循环遍历所有选中的复选框,利用多对多的关系追加到数据库
fortagintags:
blogModel.tag.add(tag)
returnHttpResponseRedirect('book_add')
else:
returnHttpResponse(u'是不被处理的请求方式')

2、前端页面


标签

{%fortagintags%}

{{tag.name}}

{%endfor%}

3、进入编辑页面，先获取全部的复选框及选中的id

#编辑博客
defedit(request,blog_id):
tags=TagModel.objects.all()
#利用正向查找关于本博客选择的tag
blogModel=BlogModel.objects.filter(id=blog_id).first()
#获取全部的tag
check_tag=blogModel.tag.all()
#获取选中的id
check_id=[int(x.id)forxincheck_tag]
printcheck_id
returnrender(request,'books_edit.html',{'tags':tags,'check_id':check_id})

4、判断如果选中的就勾选


标签

{%fortagintags%}
{%iftag.idincheck_id%}

{{tag.name}}

{%else%}

{{tag.name}}

{%endif%}
{%endfor%}

二、ajax提交的时候注意要把复选框转换字符串提交

1、前端代码

$('#btn').on('click',function(e){
//设置空数组
varhobby=[];
$('#hobby-group').find('input[type=checkbox]').each(function(){
if($(this).prop("checked")){
varhobbyId=$(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){
varcsrftoken=ajaxpost.getCookie('csrftoken');
//2.在header当中设置csrf_token的值
xhr.setRequestHeader('X-CSRFToken',csrftoken);
},
'success':function(data){
console.log(data);
}
})
})

2、后端代码

@require_http_methods(['POST'])
defajaxpost(request):
form=LoginForm(request.POST)
ifform.is_valid():
username=form.cleaned_data.get('username',None)
#获取复选框的值
hobby=request.POST.getlist('hobby')
print'*'*100
printhobby
print'*'*100
returnHttpResponse(u'成功')
else:
returnHttpResponse(u'验证错误')

希望本文所述对大家Django框架的Python程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

Django开发中复选框用法示例

热门推荐

随机推荐