select radio button with empty value

if multiple radio button doesn't have a value, the default one is
checked.

This is done using javascript, currently.

Resources/public/js/chill.js

@@ -122,6 +122,21 @@ var chill = function() {
       });
    }
    
+   function checkNullValuesInChoices(choice_name) {
+       var choices;
+       console.log(choice_name);
+          choices = $("input[name='"+choice_name+"']:checked");
+          if (choices.size() === 0) {
+            $.each($("input[name='"+choice_name+"']"), function (i, e) {
+              if (e.value === "") {
+                e.checked = true;
+              }
+            });
+          }
+        //}
+    //});
+   }
+   
    /**
    * Display an alert message when the user wants to leave a page containing a given
    * modified form.
@@ -164,5 +179,6 @@ var chill = function() {
       checkOtherValueOnChange: checkOtherValueOnChange,
       displayAlertWhenLeavingModifiedForm: displayAlertWhenLeavingModifiedForm,
       displayAlertWhenLeavingUnsubmittedForm: displayAlertWhenLeavingUnsubmittedForm,
+      checkNullValuesInChoices: checkNullValuesInChoices,
    };
 } ();

Resources/views/Form/fields.html.twig

@@ -58,6 +58,7 @@
         </span>
     {% endfor %}
     </div>
+    <script type="text/javascript">chill.checkNullValuesInChoices("{{ form.vars.full_name }}");</script>
 {% endspaceless %}
 {% endblock choice_widget_expanded %}
 
@@ -81,9 +82,13 @@
                 <div class="grid-6 grid-tablet-12 gid-mobile-12  no-gutter">
                     {{ form_widget(form._other, {'attr': {'class': 'input-text-other-value'} }) }}
                 </div>
+                
             </div>
         {%- endif -%}
     {% endfor %}
+    <script type="text/javascript">
+        chill.checkNullValuesInChoices("{{ form._choices.vars.full_name }}");
+    </script>
 {% endspaceless %}
 {% endblock  choice_with_other_widget %}