我在vue3 如何用js修改input type为checkbox 的是否选中状态
时间: 2023-05-22 10:00:37 浏览: 465
vue .js绑定checkbox并获取、改变选中状态的实例
5星 · 资源好评率100%
你可以使用v-model指令来绑定checkbox的选中状态,例如:
```html
<template>
<div>
<input type="checkbox" v-model="isChecked" />
<label>{{ isChecked ? '已选中' : '未选中' }}</label>
</div>
</template>
<script>
export default {
data() {
return {
isChecked: false,
};
},
};
</script>
```
在上面的代码中,我们使用v-model指令将checkbox的选中状态绑定到isChecked变量上,然后在label中根据isChecked的值来显示相应的文本。当用户点击checkbox时,isChecked的值会自动更新,从而实现了修改checkbox的选中状态。
阅读全文