想要动态控制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置为空。

 

 

Logo

前往低代码交流专区

更多推荐