JS实现单选按钮组始终保持选中某一选项

目录:

1. 问题描述

在参数界面,单选按钮组在选中了一个选项后,如果用户再次点击这个选项,按钮会处于未选中状态,这样不够人性化。如果希望单选按钮组始终选中一个,这个要如何实现呢?
设置前:

222
设置后:
222

2. 解决方案

通过给控件添加【初始化后】和【状态改变】JS事件来实现!

初始化 脚本:

var self=this; this.$container.on("mousedown",function(){ self.options.K=self.getValue(); })

状态改变 脚本:

var value=this.getValue(); if(value=="" || value==null){ this.setValue(this.options.K); }

或者采用定位到指定控件的方法:
var obj = this.options.form.getWidgetByName("radioGroup0"); var value=obj.getValue(); //不允许为空 if(value=="" || value==null){ this.setValue(this.options.K); }else{ this.options.K=value; }

3. 示例

3.1 单选按钮组属性设置
在参数面板中添加单选按钮组控件,控件值默认为F,定义控件的数据字典为自定义,实际值分别为F和M,显示值分别为女和男,如下图所示:
222
预览效果如下:
222
3.2 添加js事件
(1)选中按钮,添加【初始化后】事件
222
(2)选中按钮,添加【状态改变】事件
222
保存设置,分页预览。
效果如上图所示。

附件列表


主题: 二次开发
标签: 单选按钮组 js

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)