Vue 单选框radio如何动态控制选中与不选中
要求:打开该页面,展示全部产品。即单选框为不选中状态。选中某个单选框,则分类展示不同产品。通过搜索框搜索产品,则取消单选框选中状态。1.
·
想要动态控制radio的选中,在Vue中最好选用v-model来控制,不要用checked。
HTML:
<input type='radio' name='ABC' value='1' v-model='abc' />
<input type='radio' name='ABC' value='0' v-model='abc' />
JS:
a. 初始化时,想要单选框都不选中,则将 abc 置为空。
abc = '',
b. 初始化时,想要单选框选中value=0的选项,则将abc置为0.
abc = '0',
c. 初始化时,单选框都不选中,用户操作选择单选框某个选项,用户再次点击该选项,取消选中
第一步:在初始化时,为了实现单选框不选中,则将abc置为空。
第二步:为了实现用户点击某个按钮后单选框全部不选中,你再次将abc置为空。
更多推荐
已为社区贡献2条内容
所有评论(0)