宜搭表单中的复选框如何显示如下功能,如下图:
1、我选择了AC就不能选择DC;
2、我选择国标就不能选择欧标;
3、选择AC或者DC不影响选择国标或者欧标,同理,选择国标或者欧标不影响选择AC或者DC。
有知道的大佬麻烦指点一下,感激不尽!!!
您好,可以给组件设置自定义校验,写JS判断下不符合条件就返回false实现。详细可参考下图
function validateRule(value) {
const hasAC = value.includes("AC");
const hasDC = value.includes("DC");
const hasGuobiao = value.includes("国标");
const hasOubiao = value.includes("欧标");
// 判断条件
if ((hasAC && hasDC) || (hasGuobiao && hasOubiao)) {
return false; // 返回false
}
return true; // 返回true
}
最终效果:
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。