前端小白求教前端技术问题

rambler

实际项目中使用j-multi-select-tag标签，type=“checkbox”将一组数据字典在页面中进行展现。想实现的业务场景是点击一个复选框通过@change调用函数来判断。页面上的其他值是否满足如果满足才可以选中，如果不满足则提示用户先做处理。复选框取消选中。现在其他步骤都已实现。唯独复选框选中后无法再实现取消。设置className 也不能生效。具体代码如下：
for(let i=0; i < this.$refs.form.$el.elements.length;i++)
           {
             if(this.$refs.form.$el.elements[i].type==='checkbox' && this.$refs.form.$el.elements[i].checked===true)
             {
               this.$refs.form.$el.elements[i].checked=false;
               this.$refs.form.$el.elements[i].labels[0].className="ant-checkbox-wrapper"
             }
           }
           this.$message.warning("请先填写用户身份信息,再勾选用户角色。")

请给位高手指教一下，该如何实现。