如何在单选按钮旁边添加文本框

马克库克

如何使用Django表单在单选按钮旁边添加文本框?我已经单独安装了单选按钮。

我还想存储文本框的值,而不是“其他”。

表格

from django import forms
from .models import MyModel

class MyForm(forms.ModelForm):
    class Meta:
        model = MyModel
        fields = (
            'question',
        )
        widgets = {
            'question': forms.RadioSelect,
        }

models.py

class MyModel(TimeStampedModel):
     Choice1 = "Choice 1"
     Choice2 = "Choice 2"
     Other = "Other"
     MyModel_Choices = (
         (Choice1 = 'Choice 1'),
         (Choice2 = 'Choice 2'),
         (Other = 'Other'),
     )

     question = models.CharField(
         _('Question'),
         max_length=100,
         choices=MyModel_Choices,
         help_text='Help Text'
     )

预期产量:

问题:

  • 选择1
  • 选择2
  • 其他[文字框]

帮助文字

安库什·拉格文西

在Forms.py中将另一个输入字段添加到您的Django表单中

现在在您的javascript文件中,在页面加载时隐藏该输入。

$("#user-input-textbox").hide();

并在选中“其他”单选按钮时显示它,在未选中它时将其隐藏,并在隐藏之前清除现有值:

$('#Other').click(function(){
    if ($(this).is(':checked')){
        $("#user-input-textbox").show();
    }
    else{
         $("#user-input-textbox").html('');
         $("#user-input-textbox").hide();
    }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在JavaScript中的文本框旁边显示错误消息?

来自分类Dev

extjs 4.2.1-Radiogroup:添加带有文本框的单选按钮

来自分类Dev

如何使用jQuery将文本框强制用于某些单选按钮?

来自分类Dev

单选按钮清除文本框

来自分类Dev

如何通过单击或在文本框中键入来检查单选按钮?

来自分类Dev

如何根据jsf中的单选按钮值隐藏或显示文本框

来自分类Dev

如何在单选按钮旁边使文本垂直居中

来自分类Dev

如何在单选按钮旁边使文本垂直居中

来自分类Dev

如果单击单选按钮,如何使不可见的文本框可见?

来自分类Dev

如何在Bootstrap的文本框形式旁边放置帮助图标?

来自分类Dev

如何使用动态单选按钮添加事件以显示文本框

来自分类Dev

如何在WPF中向文本框添加“清除”按钮?

来自分类Dev

如何在克隆中获取单选按钮的change事件上的文本框的值?

来自分类Dev

文本框验证后如何启用添加按钮?

来自分类Dev

如何在cakephp中内嵌文本框和按钮

来自分类Dev

文本不会显示在文本框中(单选按钮)

来自分类Dev

如何使用Java禁用单选按钮中的文本框

来自分类Dev

如何使用jQuery使某些单选按钮必选的文本框?

来自分类Dev

如何在MVC的单选按钮列表中明确包含“其他”文本框?

来自分类Dev

如何在单选按钮旁边使文本垂直居中

来自分类Dev

按钮旁边的引导程序对齐文本框的问题

来自分类Dev

如何在UWP的文本框中添加2个按钮?

来自分类Dev

如何在单击按钮时在div上添加图像和文本框

来自分类Dev

单击kendo按钮时如何在div中添加新的文本框?

来自分类Dev

联系表单 7 在单选按钮上添加文本框已选中

来自分类Dev

在选择单选按钮时显示文本框/按钮

来自分类Dev

如何在每个以编程方式添加的文本框旁边添加标签

来自分类Dev

如何使它在文本框中按 Enter 与单击旁边的按钮相同?

来自分类Dev

如何在引导程序 4 中的标签旁边添加单选按钮

Related 相关文章

  1. 1

    如何在JavaScript中的文本框旁边显示错误消息?

  2. 2

    extjs 4.2.1-Radiogroup:添加带有文本框的单选按钮

  3. 3

    如何使用jQuery将文本框强制用于某些单选按钮?

  4. 4

    单选按钮清除文本框

  5. 5

    如何通过单击或在文本框中键入来检查单选按钮?

  6. 6

    如何根据jsf中的单选按钮值隐藏或显示文本框

  7. 7

    如何在单选按钮旁边使文本垂直居中

  8. 8

    如何在单选按钮旁边使文本垂直居中

  9. 9

    如果单击单选按钮,如何使不可见的文本框可见?

  10. 10

    如何在Bootstrap的文本框形式旁边放置帮助图标?

  11. 11

    如何使用动态单选按钮添加事件以显示文本框

  12. 12

    如何在WPF中向文本框添加“清除”按钮?

  13. 13

    如何在克隆中获取单选按钮的change事件上的文本框的值?

  14. 14

    文本框验证后如何启用添加按钮?

  15. 15

    如何在cakephp中内嵌文本框和按钮

  16. 16

    文本不会显示在文本框中(单选按钮)

  17. 17

    如何使用Java禁用单选按钮中的文本框

  18. 18

    如何使用jQuery使某些单选按钮必选的文本框?

  19. 19

    如何在MVC的单选按钮列表中明确包含“其他”文本框?

  20. 20

    如何在单选按钮旁边使文本垂直居中

  21. 21

    按钮旁边的引导程序对齐文本框的问题

  22. 22

    如何在UWP的文本框中添加2个按钮?

  23. 23

    如何在单击按钮时在div上添加图像和文本框

  24. 24

    单击kendo按钮时如何在div中添加新的文本框?

  25. 25

    联系表单 7 在单选按钮上添加文本框已选中

  26. 26

    在选择单选按钮时显示文本框/按钮

  27. 27

    如何在每个以编程方式添加的文本框旁边添加标签

  28. 28

    如何使它在文本框中按 Enter 与单击旁边的按钮相同?

  29. 29

    如何在引导程序 4 中的标签旁边添加单选按钮

热门标签

归档