<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jQuery实现CheckBox全选与反选</title>
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#checkboxAll").click(function() {
$('input[name="boxList"]').attr("checked",this.checked);
});
var $boxList = $("input[name='boxList']");
$boxList.click(function(){
$("#checkboxAll").attr("checked",$boxList.length == $("input[name='boxList']:checked").length ? true : false);
});
});
</script>
</head>
<body>
<div>
<input type="checkbox" id="checkboxAll" />全选
<input type="checkbox" name="boxList" />测试1
<input type="checkbox" name="boxList" />测试2
<input type="checkbox" name="boxList" />测试3
<input type="checkbox" name="boxList" />测试4
</div>
</body>
</html>
分享到：
相关推荐
页面上通过一个checkbox实现全选与反选
jquery实现checkbox全选、反选、全部选，很不错的资源，欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
jquery、js操作checkbox全选反选.docx
jQuery实现复选框checkbox的全选与反选功能，不用多介绍了吧，以往都是基于纯js的实现比较多，这个是引入了jquery，或许更能满足现在的前端设计吧。
用jquery实现的checkbox全选和反选代码,需要的朋友可以参考下。
NULL 博文链接：https://xdwangiflytek.iteye.com/blog/1343416
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
使用jquery实现 checkbox的 全选，反选
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下
我们在做列表的时候经常会遇到全选，反选进行批量处理问题，例如： 我当时就是简单的实现了，然后想封装到公共的js中，封装的太烂，不好意思贴出来了（就是把实现代码之间放到公共js中，然后每个页面都用固定的id...
举了7个不同的checkbox状态，和大家一一分享。 1、全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2、取消全选（全不选） $("#btn2").click(function(){ $("input...
jquery attr()方法获取标签的 checked 会有问题，所以用了 prop() 方法。 Hml的checkbox没有加name，只用了 div 嵌套。 如有更好的方法，望指点!! //全选 $('#allChecked').change(function(){ $('#box').children...
checkbox使用jquery全选-反选-取得选中的值-完整的例子
checkbox 全选和反选，一次性解决，用jquery来做
checkbox全选反选的文章在以前也有介绍很多，实在是不想在提起了，然而身边还是有些朋友不会，于是3分钟写出来一个估计有很多bug
使用方法:我们先把下面的JS保存为有个文件,到时候调用，淡然你也可以直接写在页面内,推荐使用前者,方便重用: 代码如下:(function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ ...
jquery 实现全选，反选，全不选等功能，下面直接以例子进行说明,需要的朋友可以参考下
下面看具体例子,为了让大家更好的理解,我直接把实现功能的代码贴出来: 代码如下:$(“#myform”).toggleCheckboxes()//全选,取消全选,反选 $(“#myform”).toggleCheckboxes(“:not(#checkbox1)”)//全选,取消全选且...