mercredi 10 octobre 2018

How Can I Make All Checkboxes "Checked" By Default

How can I ensure by default all by checkboxes (output from my data) are all checked by default on load?

Output checkbox

<div v-for="(category, index) in remove_category_duplicates" class="form-check">
    <input type="checkbox" class="form-check-input" v-model="cat_data" :id="category" :value="category">
    <label class="form-check-label"></label>
</div>

Setup checkbox values from data

    remove_category_duplicates: function () {
        // Get all categories and remove duplicates
        let data = {}
        this.info.forEach(i=>{
            Object.assign(data,i.category_data);
        })

        return data;
    },

Data:

{
    "id": 1,
    "title": "Title one",
    "category_data": {
        "2": "Team",
        "7": "Queries"
    }
},

CodePen: https://codepen.io/anon/pen/XxNORW?editors=1011

Thanks




Aucun commentaire:

Enregistrer un commentaire