From d7b7d43c911eb2c91953772d1fd4f7e132c46168 Mon Sep 17 00:00:00 2001
From: morning-star <26325820+Sight-wcg@users.noreply.github.com>
Date: Fri, 29 Aug 2025 17:38:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(form):=20=E4=BF=AE=E5=A4=8D=20label=20?=
 =?UTF-8?q?=E5=92=8C=20checkbox/radio=20=E5=85=B3=E8=81=94=E6=97=B6?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=20(#2795)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(form): 修复 label 元素和单/多选框关联时的问题

1.两者通过 for 关联时，点击 lable 元素，label 点击事件触发一次 checkbox 属性值更新，但组件内部是通过美化元素的点击事件更新 checkbox 属性值，所以此时美化元素样式不会更新。
2.两者为包含关系时，点击 label 元素，label 点击事件和美化元素的点击事件分别触发一次 checkbox 属性值更新，导致无法正常工作。

* update

* fix(checkbox): 防止事件重复绑定
---
 src/modules/form.js | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/modules/form.js b/src/modules/form.js
index a16ee41f..13280655 100644
--- a/src/modules/form.js
+++ b/src/modules/form.js
@@ -993,6 +993,7 @@ layui.define(['lay', 'layer', 'util'], function(exports){
           "switch": ['layui-form-switch', 'layui-form-onswitch', 'switch'],
           SUBTRA: 'layui-icon-indeterminate'
         };
+        var clickEventName = 'click.lay_checkbox_click';
         var checks = elem || elemForm.find('input[type=checkbox]');
         // 风格
         var skins = {
@@ -1008,7 +1009,8 @@ layui.define(['lay', 'layer', 'util'], function(exports){
           var isPrimary = skin === 'primary';
 
           // 勾选
-          reElem.on('click', function(){
+          // 通过重新赋值触发美化元素样式更新
+          check.off(clickEventName).on(clickEventName, function(e){
             var filter = check.attr('lay-filter') // 获取过滤器
 
             // 禁用
@@ -1020,7 +1022,7 @@ layui.define(['lay', 'layer', 'util'], function(exports){
             }
 
             // 开关
-            check[0].checked = !check[0].checked
+            check[0].checked = check[0].checked;
 
             // 事件
             layui.event.call(check[0], MOD_NAME, RE_CLASS[2]+'('+ filter +')', {
@@ -1030,6 +1032,13 @@ layui.define(['lay', 'layer', 'util'], function(exports){
             });
           });
 
+          reElem.on('click', function(){
+             var hasLabel = check.closest('label').length;
+             if(!hasLabel){
+              check.trigger('click');
+             }
+          })
+
           that.syncAppearanceOnPropChanged(this, 'checked', function(){
             if(isSwitch){
               var title = (reElem.next('*[lay-checkbox]')[0]
@@ -1125,13 +1134,14 @@ layui.define(['lay', 'layer', 'util'], function(exports){
         var CLASS = 'layui-form-radio';
         var ICON = ['layui-icon-radio', 'layui-icon-circle'];
         var radios = elem || elemForm.find('input[type=radio]');
+        var clickEventName = 'click.lay_radio_click';
 
         // 事件
         var events = function(reElem){
           var radio = $(this);
           var ANIM = 'layui-anim-scaleSpring';
 
-          reElem.on('click', function(){
+          radio.off(clickEventName).on(clickEventName, function(){
             var filter = radio.attr('lay-filter'); // 获取过滤器
 
             if(radio[0].disabled) return;
@@ -1145,6 +1155,13 @@ layui.define(['lay', 'layer', 'util'], function(exports){
             });
           });
 
+          reElem.on('click', function(){
+             var hasLabel = radio.closest('label').length;
+             if(!hasLabel){
+              radio.trigger('click');
+             }
+          })
+
           that.syncAppearanceOnPropChanged(this, 'checked', function(){
             var radioEl = this;
             if(radioEl.checked){