利用多個多選框實現單選框的效果
- 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>
提交驗證
如果該問題沒有選擇選項，系統將彈出提示提醒用戶，并且流程無法提交。
)
