利用多个多选框实现单选框的效果
- 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>
提交验证
如果该问题没有选择选项,系统将弹出提示提醒用户,并且流程无法提交。