vue inertia checkbox checked for true value in edit method

while dd($category)

public function edit(Category $category){
dd($category);
}

  #original: array:7 [▼
    "id" => 11
    "name" => "Alma Sheppard"
    "slug" => null
    "parent_id" => null
    "is_featured" => 1
    "created_at" => "2022-02-06 09:15:38"
    "updated_at" => "2022-02-06 09:15:38"
  ]

i want to have checkbox checked when is_featured is 1 here is vue js file

  <input type="checkbox" v-model="form.featured" :checked="category.is_featured" />

....
  props: {
    errors: Object,
    categories: Array,
    category: Object,
  },
  setup(props) {
    const form = useForm({
      name: props.category.name,
      featured: ?,
    });

    return { form };
  },

i am pretty new vue i tried lot and i could not please help somebody with code

tykus

4 years ago

Level 104

Use v-model:

<input type="checkbox" v-model="form.featured" />

    const form = useForm({
      name: props.category.name,
      featured: props.category.is_featured,
    })

1 like

smacy

4 years ago

Level 1

@tykus it didnt work sir i had tried previously and right now too

anilkumarthakur60

4 years ago

Best Answer

Level 6

@smacy try this it should work

   <input
                  class="form-check-input"
                  type="checkbox"
                  :true-value="1"
                  :false-value="0"
                  v-model="form.featured"
                />

Please or to participate in this conversation.