效果图：

代码如下：

！DOCTYPE html html head meta charset=' UTF-8 ' title/title script src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/脚本/头体输入类型=' checkbox ' id=' checkbox '值=' 1 ' onclick=' check()'/水果br /输入类型='复选框'值='${article.id} '名称='box '类='item' /奶茶br /输入类型='复选框'值='${article.id} '名称='box '类='item'/香蕉br /输入类型='复选框'值='${article.id} '名称='box '类='item'/橘子br /输入类型='复选框'值='${article.id} '名称='box '类='item'/苹果br /输入类型='复选框'值='${article.id} '名称='box '类='item'/梨子br /脚本类型='text/javascript '函数全选(){ var $checkbox=$(' .项目');var $ checket=$ checkbox。过滤器(' :已检查')；if($复选框。长度==$选中。长度){ $(' # checkbox ').prop('checked '，true)；}else{ $('#checkbox ').prop('checked '，false)；} } $(function(){ $(“# checkbox”)).on('change '，function(){ var checked=$(this)).道具('选中');//true/false $(' .项目')。道具('选中，选中);全选();});$(“正文”).on('change '，').项’，功能(e){全玄()；});});/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！