JQuery Checkbox List 是一種非常方便的工具，它可以幫助我們快速創(chuàng)建復(fù)選框列表。它提供了許多可定制的選項(xiàng)，使得我們可以根據(jù)自己的需求來創(chuàng)建特定的復(fù)選框列表。

首先，我們需要在頁面中引入 JQuery 庫和 JQuery Checkbox List 插件庫。

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.checkbox/0.1/jquery.checkbox.min.js"></script>

然后，我們可以創(chuàng)建一個簡單的復(fù)選框列表，其代碼如下：

<ul>
<li><input type="checkbox" name="fruit" value="apple">蘋果</li>
<li><input type="checkbox" name="fruit" value="orange">橙子</li>
<li><input type="checkbox" name="fruit" value="banana">香蕉</li>
</ul>

接下來，我們可以使用 JQuery Checkbox List 插件來對這個列表進(jìn)行自定義。首先，我們需要在 HTML 代碼中增加一個類名“js-checkbox-list”來標(biāo)記這個列表：

<ul class="js-checkbox-list">
<li><input type="checkbox" name="fruit" value="apple">蘋果</li>
<li><input type="checkbox" name="fruit" value="orange">橙子</li>
<li><input type="checkbox" name="fruit" value="banana">香蕉</li>
</ul>

然后，我們可以使用如下代碼來初始化 JQuery Checkbox List 插件：

$(document).ready(function(){
$('.js-checkbox-list').checkboxList({
checkAll: '全選',
uncheckAll: '全不選',
label: {
position: 'after'
}
});
});

這里我們設(shè)置了三個選項(xiàng)。首先，我們設(shè)置了“全選”和“全不選”兩個按鈕的文本。然后，我們將輸入框和標(biāo)簽的位置設(shè)置為“在標(biāo)簽后面”。最后，我們使用 $() 函數(shù)對類名為“js-checkbox-list”的元素進(jìn)行初始化。

現(xiàn)在，我們已經(jīng)成功地使用 JQuery Checkbox List 插件創(chuàng)建了一個復(fù)選框列表，并對其進(jìn)行了自定義。如果你需要更多的選項(xiàng)來定制這個列表，可以查看官方文檔：

https://github.com/muzavan/jquery.checkbox