Метка на радиовыборе обновляет неправильный объект

В моем проекте есть форма, которая отображается под каждым объектом в списке. Объектами в данном случае являются идеи. Форма предназначена для того, чтобы пользователь мог оценить каждую идею от 1 до 3. Форма использует радиокнопки с маленькой надписью рядом с ними. Они идут от "хорошо" "так себе" и "плохо", где "хорошо" - это 1 и т.д.

Все работает как надо, за исключением того, что при нажатии на ярлык любой идеи вместо радиокнопки. Обновляется первая идея в списке, а не та, которую пользователь хотел обновить.

Это моя форма:

class IdeaRankForm(forms.ModelForm):
    CHOICES = [
        (1, 'Good'),
        (2, 'So so'),
        (3, 'Bad'),
    ]

    rank = forms.ChoiceField(choices=CHOICES, widget=forms.RadioSelect(attrs={'onchange': 'submit();'}))

    class Meta:
        model = Idea
        fields = ['rank', ]

Я пробовал и это, и это. По сути, это одно и то же предложение, но ни одно из предложенных решений не решило мою проблему. Кто-нибудь знает, как это можно решить? Нужен ли javascript в шаблоне для решения этой проблемы? Или есть ли способ отключить ярлык и сделать так, чтобы его нельзя было нажать?

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