ラジオボタンの隣にテキストボックスを追加する方法

Question

djangoフォームを使用してラジオボタンの隣にテキストボックスを追加するにはどうすればよいですか？私は既にラジオボタンだけの設定をしています。

また、「その他」の代わりにテキストボックスの値を保存したいと思います。

forms.py

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' 
    ) 

予想される出力：

質問：

• Choice1
• Choice2
• その他[テキストボックス]のないフォームでの入力の一つが、その後することができますように、テキストボックスには、あなたのDjangoのフォームではない場合

ヘルプテキスト

Answer 1

は、ページのロード時にその入力を隠し、あなたのjavascriptファイルで今forms.py

であなたのDjangoのフォームに別の入力フィールドを追加します。

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

そして「その他」のラジオボタンがチェックされたときにそれを表示し、それがオフになっているときにそれを隠しても隠し前に既存の値をクリア：私はそれが私のジャンゴになりたいでしょう

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

Answer 2

、そのテキストをHTML内のdivに入れ、CSS表示プロパティインラインまたはインラインブロックを使用して、「その他」のラジオボタンの隣に表示することができます

が見るこの - >http://www.w3schools.com/cssref/pr_class_display.asp

Answer 3

私はあなたが持っていると思いますので、あなたがウィジェットを指定することができれば、それもうまくいくとは思いませんがないところモデルでそれを保存する - あなたのquestionフィールドが設定した選択肢に制限されていますモデルでは

あなたのデザインを考え直したいかもしれません。ラジオの選択肢が他の場合は、ラジオボタンの下に別の入力が必要です（おそらく？）。

これは、すべての入力に名前が割り当てられているため、投稿するときにコードを処理する必要があります。