利用多个多选框实现单选框的效果
- 1、功能背景
- 2、展示效果
- 3、实现效果
 
1、功能背景
如下图所示,在表单中新增四个“选择框-复选框”类型的字段,并且设置其中的选项,每个多选框都只有一个选项,通过代码块实现单选框的效果
 1.显示模版设置
 
 2.字段详细设置
 
2、展示效果
多个多选框实现单选框效果
3、实现效果
<script>
 const DXARR = ["field26088","field26089","field26090","field26091"];  
  debugger;
  jQuery(document).ready(function(){    
    //实现单选  
  WfForm.bindFieldChangeEvent("field26088,field26089,field26090,field26091",function(obj,id,value){
      var index = DXARR.indexOf(id);
      //选中该项,清空其他项
      if(value == "0"){
        for(var i=0;i<DXARR.length;i++){
          if(index != i){
            WfForm.changeFieldValue(DXARR[i],{value:""});
          }
        }
      }
    });  
    
    window.checkCustomize  = function(){
      //保证单选,获取被选中的多选框的个数
      var dxSelect = 0;
      for(var i=0;i<DXARR.length;i++){
        var value = WfForm.getFieldValue(DXARR[i]);
        if(value == "0"){
          dxSelect = 1;
          break;
        }
      }      
      if(dxSelect == 1){
        return true;
      }else{
        Dialog.alert("请选择选项");
        return false;
      }
    }    
  })  
</script>
提交验证
 如果该问题没有选择选项,系统将弹出提示提醒用户,并且流程无法提交。
 



















