开发者社区> 问答> 正文

宜搭表单中的复选框问题

宜搭表单中的复选框如何显示如下功能,如下图:
微信截图_20241213122828.png
1、我选择了AC就不能选择DC;
2、我选择国标就不能选择欧标;
3、选择AC或者DC不影响选择国标或者欧标,同理,选择国标或者欧标不影响选择AC或者DC。
有知道的大佬麻烦指点一下,感激不尽!!!

展开
收起
study---one 2024-12-13 12:36:49 84 0
来自:钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 若问题得到了解决,辛苦点下采纳回答哦~

    您好,可以给组件设置自定义校验,写JS判断下不符合条件就返回false实现。详细可参考下图
    image.png

    
    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
     }
    

    最终效果:image.png
    image.png
    image.png
    image.png

    2024-12-13 14:14:12
    赞同 99 展开评论 打赏
问答分类:
问答标签:
问答地址:
关联地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载