JS实现单选按钮组始终保持选中某一选项
1. 描述
在参数界面,单选按钮组在选中了一个选项后,如果用户再次点击这个选项,按钮会处于未选中状态,这样不够人性化。如果希望单选按钮组始终选中一个,这个要如何实现呢?
设置前:
设置后:2. 思路
通过给控件添加【初始化后】和【状态改变】JS事件来实现!
初始化 脚本:
var self = this;
//鼠标点击事件
this.$container.on("mousedown", function() {
//赋值全局变量K
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;
}