Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在django中呈现没有ul的单选按钮

如何在django中呈现没有ul的单选按钮
EN

Stack Overflow用户
提问于 2013-05-13 12:56:18
回答 2查看 5.2K关注 0票数 7

forms.py

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Date_Format = (
    ('0', ' dd / mm / yyyy'),
    ('1', 'mm / dd / yyyy'),
)    
Time_Format = (
    ('0', ' 12 hour AM / PM '),
    ('1', ' 24 hour '),
)
class SettingsForm(forms.ModelForm):
    date_format = forms.ChoiceField(widget=forms.RadioSelect(), choices=Date_Format)
    time_format = forms.ChoiceField(widget=forms.RadioSelect(), choices=Time_Format)

template.py

更新:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
                    {% for radio in SettingsForm.date_format %}
                    {{ radio.choice_label }}
                    <div class="select">{{ radio.tag }}</div>
                    {% endfor %}

上面的表单将单选按钮呈现在一个无序列表中,但我希望不使用无序列表。我该如何执行此操作?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-05-13 13:23:49

您可以遍历模板中的RadioSelect

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{% for choice in form.date_format %}
  {{ choice.choice_label }}
  <div class="select">{{ choice.tag }}</div> {# Or any other type you want. #}
{% endfor %}
票数 5
EN

Stack Overflow用户

发布于 2013-05-13 13:28:46

您可以创建自定义渲染器:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
from django import forms
from django.forms.widgets import RadioFieldRenderer
from django.shortcuts import render
from django.utils.html import format_html_join
from django.utils.encoding import force_text


class RadioFieldWithoutULRenderer(RadioFieldRenderer):

    def render(self):
        return format_html_join(
            '\n',
            '<li>{0}</li>',
            [(force_text(w), ) for w in self],
        )


CHOICES = (
    ('0', ' 12 hour AM / PM '),
    ('1', ' 24 hour '),
)


class MyForm(forms.Form):
    somefield = forms.ChoiceField(
        widget=forms.RadioSelect(renderer=RadioFieldWithoutULRenderer),
        choices=CHOICES)


def myview(request):
    return render(request, 'form.html', {'form': MyForm()})
票数 17
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16522612

复制
相关文章
Flutter中的单选按钮组件Radio
Flutter 中的单选按钮组件有两种。 1. Radio 单选按钮,一般用来表现一些简单的信息。 常用属性如下: (1). value 单选的值; (2). onChanged 选择改变触发的事件; (3). activeColor 选中时的颜色; (4). groupValue 多个按钮选择组的值; 2. RadioListTile 包含更多信息的单选项,提供多种配置信息的属性,可以表现更丰富的信息。 常用的属性如下: (1). value 单选的值; (2). onChanged 选择改变触发的
越陌度阡
2021/01/05
9.7K0
Flutter中的单选按钮组件Radio
单选按钮的用户体验设计
单选按钮是表单系统的一个基本元素。它们被使用在当存在互斥的两个或多个选项列表而用户必须选择其中一个时。换句话说,点选某个尚未选中的单选按钮,之前的选择就会恢复成未选中。 正确的使用单选按钮会非常好—
前朝楚水
2018/04/03
6.2K0
单选按钮的用户体验设计
单选按钮的取消与选中 原
(adsbygoogle = window.adsbygoogle || []).push({});
tianyawhl
2019/04/04
3.6K0
Flat风格的Qml单选/复选按钮
使用Qml的RadioButton与CheckBox控件修改而成。 单选按钮 RadioButton代码 import QtQuick 2.0 import QtQuick.Controls 2.0
Qt君
2019/11/24
2.4K0
AngularDart Material Design 单选按钮 顶
具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后,无法通过用户操作取消选中相同的单选按钮。
南郭先生
2018/09/30
3.4K0
动态图表13|单选按钮
今天要跟大家分享的是动态图表13——单选按钮! 本例要讲的单元按钮与复选框的作用类似,只是选择的规则不一样。复选框可以同时选中一个以上,而单元格框则只能一次选中一个,所以在效果上,它与之前我们讲过的数
数据小磨坊
2018/04/10
1.8K0
动态图表13|单选按钮
python开发_tkinter_单选按钮
E | hongtenzone@foxmail.com  B | http://www.cnblogs.com/hongten
Hongten
2018/09/13
1.5K0
python开发_tkinter_单选按钮
html中ul和li的使用_ul列表的html结构
1. 序号可以是数字、字母、罗马数字等,可以通过list-style-type 属性设置。
全栈程序员站长
2022/09/19
3.6K0
html中ul和li的使用_ul列表的html结构
Java GUI编程11—单选按钮:JRadioButton
单选按钮就是在给定的多个选择项中选择一个,并且只能选择一个。在Swing中可以使用JRadioButton完成一组单选按钮的操作,JRadioButton的常用方法如下表。
全栈程序员站长
2022/09/02
4.7K0
Java GUI编程11—单选按钮:JRadioButton
创建没有按钮的UIAlertView
默认的,UIAlertView都有一个或者多个按钮,如果你想创建没有按钮的UIAlertView,可以使用以下的方法:
EltonZheng
2021/01/26
1.3K0
创建没有按钮的UIAlertView
如何在PPT中呈现高大上的数据仪表盘
在上数据化薪酬建模与分析课程的时候,我们会对薪酬建立数据仪表盘,通过数据仪表盘的形式来对薪酬的关键指标进行数据的交互,来进行数据分析,很多同学在完成了薪酬的数据仪表盘后都会提出一个问题,就是我们做的数据仪表盘能不能在PPT中呈现进行数据的交互,因为我们在很多时候在做工作汇报的时候都是以PPT的形式来呈现的。
王佩军
2022/04/06
2.2K0
如何在PPT中呈现高大上的数据仪表盘
JavaSwing:JRadioButton-单选按钮开发详解
与ButtonGroup对象一起使用以创建一组按钮,其中一次只能选择一个按钮。 (创建一个ButtonGroup对象,并使用其add方法在该组中包括JRadioButton对象。)
JavaEdge
2020/05/27
2.2K0
django 1.8 官方文档翻译:5-1-4 内建的Widget
Widget 是Django 对HTML 输入元素的表示。Widget 负责渲染HTML和提取GET/POST 字典中的数据。
ApacheCN_飞龙
2022/11/27
5K0
iOS 单选按钮组--只能而且必选一个按钮
2、初始化并默认一个选项,这里用了4个button,实际可以采用2个,因为写一半才发现后面的汉字也要设置成可点的,就懒得改了,直接改成button了
Python疯子
2018/09/06
4.5K0
iOS 单选按钮组--只能而且必选一个按钮
JavaSwing_2.3: JRadioButton(单选按钮)「建议收藏」
本文链接: http://blog.csdn.net/xietansheng/article/details/74363379
全栈程序员站长
2022/09/02
5450
JavaSwing_2.3: JRadioButton(单选按钮)「建议收藏」
python的tkinter编程(十)Radiobutton单选按钮,CheckButton复选按钮 的详细解读
Radiobutton单选按钮 CheckButton复选按钮
一写代码就开心
2020/11/20
1.9K0
python的tkinter编程(十)Radiobutton单选按钮,CheckButton复选按钮  的详细解读
微信小程序–单选复选按钮组的实现
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139625.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/23
2.5K0
微信小程序–单选复选按钮组的实现
点击加载更多

相似问题

在Django 1.11中呈现没有UL的单选按钮

29

在<ul>中显示的django单选按钮

33

呈现单选按钮Django

10

呈现Django单选按钮

11

如何在Django中呈现单个单选按钮选择?

31
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文