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