lsm/layui
1
0
Fork 0
mirror of https://gitee.com/layui/layui.git synced 2025-04-05 17:38:02 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(form-radio): 改变 checked 属性值时，UI 更新异常 (#2084)

Browse Source
This commit is contained in:
morning-star 2024-07-09 16:03:55 +08:00 committed by GitHub
parent 4c6c133a12
commit c73cb3d781
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/modules/form.js
View File

@ -966,16 +966,10 @@ layui.define(['lay', 'layer', 'util'], function(exports){
var ANIM = 'layui-anim-scaleSpring'; var ANIM = 'layui-anim-scaleSpring';
reElem.on('click', function(){ reElem.on('click', function(){
var name = radio[0].name, forms = radio.parents(ELEM);
var filter = radio.attr('lay-filter'); // 获取过滤器 var filter = radio.attr('lay-filter'); // 获取过滤器
var sameRadio = forms.find('input[name='+ name.replace(/(\.|#|\[|\])/g, '\\$1') +']'); // 找到相同name的兄弟
if(radio[0].disabled) return; if(radio[0].disabled) return;
layui.each(sameRadio, function(){
this.checked = false;
});
radio[0].checked = true; radio[0].checked = true;
layui.event.call(radio[0], MOD_NAME, 'radio('+ filter +')', { layui.event.call(radio[0], MOD_NAME, 'radio('+ filter +')', {
@ -986,9 +980,16 @@ layui.define(['lay', 'layer', 'util'], function(exports){
}); });
that.syncAppearanceOnPropChanged(this, 'checked', function(){ that.syncAppearanceOnPropChanged(this, 'checked', function(){
if(this.checked){ var radioEl = this;
if(radioEl.checked){
reElem.addClass(CLASS + 'ed'); reElem.addClass(CLASS + 'ed');
reElem.children('.layui-icon').addClass(ANIM + ' ' + ICON[0]); reElem.children('.layui-icon').addClass(ANIM + ' ' + ICON[0]);
var forms = radio.parents(ELEM);
var sameRadios = forms.find('input[name='+ radioEl.name.replace(/(\.|#|\[|\])/g, '\\$1') +']'); // 找到相同name的兄弟
layui.each(sameRadios, function(){
if(radioEl === this)return;
this.checked = false;
});
}else{ }else{
reElem.removeClass(CLASS + 'ed'); reElem.removeClass(CLASS + 'ed');
reElem.children('.layui-icon').removeClass(ANIM + ' ' + ICON[0]).addClass(ICON[1]); reElem.children('.layui-icon').removeClass(ANIM + ' ' + ICON[0]).addClass(ICON[1]);
@ -1092,11 +1093,8 @@ layui.define(['lay', 'layer', 'util'], function(exports){
return originProps.get.call(this); return originProps.get.call(this);
}, },
set: function (newValue) { set: function (newValue) {
var oldValue = this[propName];
originProps.set.call(this, newValue); originProps.set.call(this, newValue);
if(oldValue !== newValue){ handler.call(this);
handler.call(this);
}
} }
}) })
); );