Радиокнопки с простым вводом

adear stackoverflow!

Профессионалы, пожалуйста, помогите.

мне нужно реализовать подобную форму в Django:

enter image description here

Если пользователь вводит что-то в поле "другая сумма", радиокнопки становятся неактивными.

Я действительно понятия не имею.

мой html: 

                        <div class="payment__amount">
                            <div class="payment__amount__1">
                                <div class="form-check payment__amount__check">
                                    {{ form.amount_select.0 }}
                                </div>
                                <div class="form-check payment__amount__check">
                                    {{ form.amount_select.1 }}
                                </div>
                            </div>
                            <div class="payment__amount__2">
                                <div class="form-check payment__amount__check">
                                    {{ form.amount_select.2 }}
                                </div>
                                <div class="form-check payment__amount__check">
                                    {{ form.amount_select.3 }}
                                </div>
                            </div>
                        </div>
                        {{ form.amount_input }}

my forms.py

CHOISES = [
    ('50', '50'),
    ('100', '100'),
    ('200', '200'),
    ('500', '500')
]


class CheckoutForm(forms.Form):
    amount_select = forms.IntegerField(widget=forms.RadioSelect(choices=CHOISES))
    amount_input = forms.IntegerField(widget=forms.TextInput(attrs={'placeholder': "another amount"}))

Большое спасибо!

Вернуться на верх