jQuery提供了扩展接口jQuery.extend(Object)和jQuery.fn.extend(Object)，前者是在jQuery对象上进行扩展（同jQuery的工具方法），而后者是在jQuery对象实例集上进行扩展（通常用于制作jQuery插件）。

1.问题引入：

上图一看就明白了需求。
点击全选，一组复选框全部选中；

取消全选，一组复选框全部未选中；

选中一组复选框中任意一个，如果一组复选框全选中，全选框选中，否则全选框为选中。

2.实现思路
全选框改变时，更加全选框的状态，更新一组复选框状态；

一组复选框中任意一个改变状态时，检查一组复选框的状态，如果检查结果是一组复选框全选中，更新全选框为选中状态，否则更新全选框为未选中状态。

3. 具体实现和使用

下文中通过对jQuery.fn.extend(Object)进行扩展来实现需求，并且使用jQuery.extend(Object)将上述需求扩展为jQuery对象上的一个方法。
HTML页面代码：

<script type="text/java script" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
<script type="text/java script" src="../../i_script/jslib/jquery.checkbox.plugins.js">


<script type="text/java script">
$(document).ready(function () {
$.checkboxHandler("sport");
})

说明：
引入java script文件，包括jquery和下面将要封装的功能代码；

页面定义一组复选框，并且单独定义一个复选框（该复选框的id属性值和其要操作的一组复选框的name属性值一致，如上：sport）；

全选框和一组复选框具备了如上所述命名规范，即可以作为一个整体操作，完成 1 中需求功能只需要为插件提供一个能够唯一标识这一组复选框的id，如:"sport"；

使用时仅需要在页面加载完成后调用jQuery扩展的对象方法jQuery.checkboxHandler(id)即可。

下面是jQuery扩展实现上述功能的代码：

推荐阅读：