valgte i checkboks og comboboks opdater gui og backend

Hej, Jeg ønsker når man vælger noget i comboboksen, så bliver de checkbokse afkrydset i forhold til det data der er gemt og når jeg klikker på gem knappen så får jeg de afkrydsede checkbokse fra min tabel og værdien af valget i comboboksen til backenden.

<script type="x/template" id="@templateName-template">
    <b-modal title="Administation" v-model="Visible" @@ok="saveAndClose">
    <b-form-group align="center" label="Bruger" label-for="Data.Id">
            <b-form-select
                id="Id"
                v-model="Data.Id"
                :options="Metadata.Users"
                v-on:change="getSelectedItem"
                value-field="Name"
                text-field="Name"
                required></b-form-select>
        </b-form-group>

            <div id="inContainer">
    <table class="table table-striped table-hover">
        <thead>
                <tr>
                    <th>Installation</th>
                    <th>Valg</th>
                </tr>
        </thead>
    <tbody>
            <tr v-for="i in Data">

                <td>{{i.Name}}</td>
                <td>
                    <label class="form-checkbox">
                        <input type="checkbox" :value="i.Selected" v-model="selected">
                        <i class="form-icon"></i>
                    </label>
                </td>
            </tr>
        </tbody>
    </table>
        <div slot="modal-footer">
            <b-button size="sm" v-on:click="cancel()">Fortryd</b-button>
            <b-button size="sm" v-on:click="saveAndClose()">Gem</b-button>
        </div>
    </b-modal>
</script>
<script type="text/javascript">
  (function(){
  getSelectedItem: function (myarg) {
                  alert(myarg);
                  axios.post('@Url.Action("GemAltData", entity),Data)
                    .then(function (response) {
                     
                    });
              }
              });
</script>