1、创建一个html，然后在body标签添加如下图所示的代码，主要是在一个表格中包含多选框。然后首要就是要引入jquery的库。注意jquery库的方式： 不能写成这种方式。否则无效！大家可以去尝试一下这两个的差别。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、网站空间、营销软件、网站建设、坪山网站维护、网站推广。
2、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。
3、var $tmp=$([name=items]：checkbox)；//用filter方法筛选出选中的复选框。并直接给CheckedAll赋值。
4、反选：(：checkbox：checked).removeAttr(checked)；(：checkbox：not(：checked)).attr(checked，checked)；全手写，没有经过测试。
5、全选和取消全选，使用一个按钮就行，这也是通常都在使用的方法，因为多半人不愿意在全选的状态下再去找‘取消全选’的按钮来实现取消全选的效果。
新建HTML文件。引入jquery.min.js文件。创建div和按钮并添加class样式。接下来需要创建css样式。创建js点击事件。当点击按钮移除div元素。点击按钮效果如图所示。
$(div).html(想写什么就什么，html代码也可以)或$(div).text(想写什么就什么，html代码会被转义成普通文本显示，可以防恶意js代码)。
run-in 此元素会根据上下文作为块级元素或内联元素显示。compact CSS 中有值compact，不过由于缺乏广泛支持，已经从CSS1 中删除。marker CSS 中有值marker，不过由于缺乏广泛支持，已经从CSS1 中删除。
给子菜单加个效果，当鼠标划过的时候display：block，鼠标移出再变回display：none就哦了。
这是表示传入的数组v的第三个元素等于第1个下拉菜单的值时，才会将第2个下拉菜单填充。
如果你用的onmouseout事件，建议你换成onmouseleave试试，因为存在事件冒泡的问题。如果存在子菜单，在子菜单上面也bind一个onmouseenter和onmouseleave事件。