python复选框_Django开发中复选框用法示例

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

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

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

# 新增文章

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'是不被处理的请求方式')

2、前端页面

标签

{% for tag in tags %}

{{ tag.name }}

{% endfor %}

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

# 编辑博客

def edit(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) for x in check_tag]

print check_id

return render(request, 'books_edit.html', {'tags': tags, 'check_id': check_id})

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

标签

{% for tag in tags %}

{% if tag.id in check_id %}

{{ tag.name }}

{% else %}

{{ tag.name }}

{% endif %}

{% endfor %}

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

1、前端代码

$('#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');

//2.在header当中设置csrf_token的值

xhr.setRequestHeader('X-CSRFToken', csrftoken);

},

'success': function (data) {

console.log(data);

}

})

})

2、后端代码

@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'验证错误')

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

本文标题: Django开发中复选框用法示例

本文地址: http://www.cppcns.com/jiaoben/python/223184.html