From 19c01e6061371443614cde00921ab5aba9a7cdd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?=
 <3277200+sentsim@users.noreply.github.com>
Date: Mon, 15 May 2023 11:34:58 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20checkbox=20=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/form/checkbox.md | 40 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/docs/form/checkbox.md b/docs/form/checkbox.md
index 5e065444..36cde462 100644
--- a/docs/form/checkbox.md
+++ b/docs/form/checkbox.md
@@ -57,8 +57,11 @@ toc: true
   <textarea>
 <div class="layui-form">
   <input type="checkbox" name="AAA" lay-skin="switch">
+  <br>
   <input type="checkbox" name="BBB" title="ON|OFF" lay-skin="switch" checked> 
-  <input type="checkbox" name="CCC" title="开启|关闭" lay-skin="switch"> 
+  <br>
+  <input type="checkbox" name="CCC" title="开启|关闭" lay-skin="switch">
+  <br>
   <input type="checkbox" name="DDD" lay-skin="switch" disabled>
 </div>
 
@@ -69,6 +72,41 @@ toc: true
 在 `title` 属性中通过 `|` 分隔符可设置两种状态下的不同标题
 
 
+<h2 id="title" lay-toc="{hot: true}">标题模板 <sup>2.8.3+</sup></h2>
+
+在 `checkbox` 元素后的相邻元素设置特定属性 `lay-checkbox`，可以与 `checkbox` 标题进行绑定。
+
+<pre class="layui-code" lay-options="{preview: true, layout: ['preview', 'code'], tools: ['full'], done: function(obj){
+  obj.render();
+}}">
+  <textarea>
+<div class="layui-form">
+  <div class="layui-form-item">
+    <input type="checkbox" name="AAA" value="0">
+    <div lay-checkbox>
+      自定义<a href="#target-url"><ins>标题模板</ins></a>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <input type="checkbox" name="BBB" value="1" lay-skin="tag">
+    <div lay-checkbox>
+      <i class="layui-icon layui-icon-heart"></i> 标题模板</span>
+    </div>
+  </div>
+  <div class="layui-form-item">
+    <input type="checkbox" name="CCC" value="2" lay-skin="switch">
+    <div lay-checkbox>
+      <i class="layui-icon layui-icon-moon"></i> | 
+      <i class="layui-icon layui-icon-light"></i>
+    </div>
+  </div>
+</div>
+
+<!-- import layui -->
+  </textarea>
+</pre>
+
+
 <h2 id="on" lay-toc="{hot: true}">复选框事件</h2>
 
 `form.on('checkbox(filter)', callback);`