Javascript Django crispy表单-使用单选按钮隐藏/显示其他字段

我有一个关于使用Django crispy表单创建表单的问题。我想要一个有2个字段的表单，选择第一个字段会隐藏/显示第二个字段

• 第一个字段：单选按钮 {%load crispy_forms_tags%} {%crispy my_form my_form.helper%} //步骤2：单击单选按钮时运行功能 $（文档）.ready（函数（）{ $（'#radio_id'）。on（'change'，function（）{ //步骤3：获取所选值 var selected_value=$（'input[id=“radio_id”]：checked'）。val（）； 警报（选定的_值）；//不知何故，这总是给出“未定义的值” //步骤4：根据选定的_值隐藏/显示潜水 if（$（this.val（）=“true”）{ $（“#div_id”）.hide（） } 否则{ $（“#div_id”）.show（） } }); }); {%endblock%}对于HTML文件中的步骤3，请尝试使用：

  $（'input[name=“cargo”]：checked'）.val（）
  
  from crispy_forms.helper import FormHelper
  from crispy_forms.layout import Layout, Fieldset, ButtonHolder, Submit
  from crispy_forms.bootstrap import InlineRadios,PrependedAppendedText,Div
  
  class my_form(forms.Form):
      # Radio button field
      cargo = forms.ChoiceField(label='Cargo on Deck',
                                choices=[('true','Yes'),
                                         ('false','No')],
                                initial='false')
      # the 2nd field
      L = forms.DecimalField(label='Length: L [m]')
  
      ### Render form
      def __init__(self, *args, **kwargs):
          super(my_form, self).__init__(*args, **kwargs)
          self.helper = FormHelper()
          self.helper.form_id = 'my_form_id'
          self.helper.form_class = 'blueForms'
          self.helper.form_method = 'post'
          self.helper.add_input(Submit('submit', 'Calculate'))
  
          self.helper.form_class = 'form-horizontal'
          self.helper.label_class = 'col-lg-4'
          self.helper.field_class = 'col-lg-8'
  
          # step 1: Assign id to radio, put 2nd field in a div
          self.helper.layout = Layout(
              InlineRadios('cargo',id="radio_id"),
              Div('L', css_id="div_id"),
          )