jQuery实现复选框的全选和反选：

截图如下：

代码如下：

index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>列表框的综合应用</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">$(function(){$("#checkAll").click(function(){$('[name=checkbox]:checkbox').attr("checked",true);});$("#checkNO").click(function(){$('[name=checkbox]:checkbox').attr("checked",false);});});
</script>
</head><body>
<table border="0" cellpadding="0" cellspacing="0"><tr><td><div align="left"><p><input type="checkbox" name="checkbox" value="checkbox"/>上网<input type="checkbox" name="checkbox" value="checkbox"/>旅游<input type="checkbox" name="checkbox" value="checkbox"/>交友<input type="checkbox" name="checkbox" value="checkbox"/>逛街<input type="checkbox" name="checkbox" value="checkbox"/>逛街</p><p><input type="checkbox" name="checkbox" value="checkbox"/>看书<input type="checkbox" name="checkbox" value="checkbox"/>书法<input type="checkbox" name="checkbox" value="checkbox"/>游戏<input type="checkbox" name="checkbox" value="checkbox"/>球类</p><p align="right"><input type="button" name="Submit" id="checkAll" value="全选"/><input type="button" name="Submit2" id="checkNO" value="全不选"/></p></div></td></tr>
</table>
</body>
</html>

jQuery实现复选框的全选和反选：相关推荐

【jQuery】复选框的全选、反选，推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
php 复选框全选和取消,基于JavaScript实现复选框的全选和取消全选
这篇文章主要为大家详细介绍了基于JavaScript实现复选框的全选和取消全选,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了js复选框的全选和取消全选的具体代码,供大家参考, ...
如何利用jq来实现复选框的全选，反选！
如何利用jq来实现复选框的全选,反选! $("document").ready(function(){ $("#btn1").click(function() ...
Javascript第五章切换层效果、复选框的全选十三课
层切换效果: 效果复选框的全选
复选框的全选、全不选、和获取选中的值；
1.获取select下面的选中的option值 <select id="afterSaleReson" name="afterSaleReson"> ...
HTML复选框的全选、全不选以及单选操作。
今天在进行HTML的table练习的时候,发现一个比较有趣的知识点,有关于复选框的全选.全不选,以及单选操作的相关问题. 待我上网搜索了一下相关资料,发现有关于全选以及全不选的详解还是挺多的,但是复选 ...
复选框的全选和取消全选
复选框的全选和取消全选 <!DOCTYPE html> <html><head><meta charset="utf-8">< ...
js复选框之全选反选不选
今日分享:纯js复选框之全选&&反选&&不选想要了解其用法,首先先得了解它们各自的意思全选:全部都选中反选:选中的部分取消,没选中的部分勾选上不选:全部取消勾选 ...
JavaScript - 复选框的全选和取消
复选框的全选和取消 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w ...

jQuery实现复选框的全选和反选：

jQuery实现复选框的全选和反选：相关推荐

最新文章

热门文章