jQuery实现复选框的全选和反选：
生活随笔
收集整理的這篇文章主要介紹了
jQuery实现复选框的全选和反选：
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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实现复选框的全选和反选：的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 车主信用卡怎么用 可别浪费了这些好处
- 下一篇： html淡化效果,jQuery实现基本淡