title: Change radio button value to 'checked' (Vue.js, Vuetify)
body: <p>I'm a little new in Vue.js and currently I am having a problem with radios.
  I have a form with different inputs. When I'm submiting the form I create a JSON file with all the form answers:</p>
  <p>Instead of this output I want the value of the selected radio to be 'Checked'.</p>
  <pre><code>  {
       &quot;pos_r_1&quot;:&quot;Radio 1&quot;
       &quot;pos_r_2&quot;:&quot;&quot;,
       &quot;pos_r_3&quot;:&quot;&quot;,
       &quot;pos_r_4&quot;:&quot;&quot;,
       &quot;pos_t_5&quot;:&quot;this a test&quot;,
    }
  </code></pre>
  <p><strong>LIKE THAT:</strong></p>
  <pre><code>   {
       &quot;pos_r_1&quot;:&quot;Checked&quot;
       &quot;pos_r_2&quot;:&quot;&quot;,
       &quot;pos_r_3&quot;:&quot;&quot;,
       &quot;pos_r_4&quot;:&quot;&quot;,
       &quot;pos_t_5&quot;:&quot;this a test&quot;,
    }
  </code></pre>
  <p>How can I change the value of the radio to 'checked'?</p>
  <p><strong>HTML</strong></p>
  <pre><code> &lt;v-form class=&quot;text-left&quot; name=&quot;form&quot; id=&quot;form&quot;&gt;
      &lt;v-radio-group
          v-model=&quot;checked&quot;
          hide-details=&quot;auto&quot;
          row
      &gt;
          &lt;v-radio
              v-for=&quot;radio in group&quot;
              :key=&quot;radio.id&quot;
              :id=&quot;radio.id&quot;
              :name=&quot;radio.id&quot;
              :label=&quot;radio.text&quot;
              :value=&quot;radio.text&quot;
          /&gt;
      &lt;/v-radio-group&gt;
      &lt;v-text-field
          id=&quot;pos_t_5&quot;
          name=&quot;pos_t_5&quot;
          label=&quot;Text&quot;
          v-model=&quot;textfield&quot;
      /&gt;
      &lt;v-btn
          class=&quot;p-2&quot;
          color=&quot;primary&quot;
          elevation=&quot;11&quot;
          @click=&quot;onSubmit&quot;
      &gt;click me&lt;/v-btn&gt;
  &lt;/v-form&gt;
  </code></pre>
  <p><strong>Script</strong></p>
  <pre><code>export default Vue.extend({
  name: 'Test',
  data: function () {
      return {
          checked: '',
          textfield: '',
          group: [
              {id: 'pos_r_1', text: 'Radio 1'},
              {id: 'pos_r_2', text: 'Radio 2'},
              {id: 'pos_r_3', text: 'Radio 3'},
              {id: 'pos_r_4', text: 'Radio 4'},
          ],
      }
  },
  onSubmit() {
          this.loading = true
          const form = document.querySelector('form');
          const data = new FormData(form);
          let currentObj = this;
          let url = '/report/form/store';
          axios({
              url,
              method: 'post',
              data,
          }) .then(function (response) {
              currentObj.output = response.data;
          }) .catch( (error) =&gt; {
              if (error.response &amp;&amp; error.response.status === 422){
                  this.errors = error.response.data.errors;
              }
          });
  
      }
  }
  </code></pre>
  <p>})</p>
  <p>I've tried to change the value of the Radios to 'checked' but that doesn't work because then when I click one radio all getting checked.
  This is only an example of the form. The form will be big with more that 20 different questions.</p>
  <p><strong>Update</strong>
  This is not the way to do it. I have to manipulate the value of the radios buttons inside a Form Model, where I will save all the form answers. Then I can change the value of the radio to 'checked' easier.</p>