时间:2014-01-29 来源:

jquery实现checkbox全选全不选的简单实例

demo一:复制代码 代码如下:<%@ page language="java" pageEncoding="UTF-8"%><%@ taglib prefix="s" uri="/struts-tags" %><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%><%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %><%@ taglib uri="/WEB-INF/tlds/test.tld" prefix="pig"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path;%><!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>    <title></title>      <script type="text/javascript" src="<%=path %>/scripts/jquery.js"></script> <script type="text/javascript">  function checkSubmit() {   document.Search.submit();  }

name="Search" id="Search">                    <table cellpadding="0" cellspacing="0" width="97%">                       <tr>                       <td>记录日期:</td>                          <td><input type="text" name="msgDate" id="msgDate" value="${msgDate}"/></td>                        <td>热点类型:</td>                          <td>                           <s:select list="typeMap" name="msgType" value="msgType" theme="simple"/>                           </td>                                                                             <td>上网类型:</td>                           <td>                           <s:select list="areaMap" name="msgOnlineType" value="msgOnlineType" theme="simple"/>                                                 </td>                                             </tr>                       <tr>                        <td>手机号码:</td>         <td>          <input type="text" name="msgMobileno" id="msgMobileno" value="${msgMobileno}"/>         </td>                        <td>地址建议:</td>                           <td>                            <input type="text" name="msgAddress" id="msgAddress" value="${msgAddress}"/>                           </td>                             <td style="text-align:left" colspan="2"><img style="width:50; height:20; border:0; cursor: pointer;" onclick="checkSubmit()" src="<%=path %>/themes/default/btn_search.gif" /></td>                                 </tr>                                            </table>                     <input type="hidden" name="prepage" id="prepage" value="${prepage}"/>                        <input type="hidden" name="currPage" id="currPage" value="${currPage}"/>                     </form>       </div>        <table id="list" width="100%" cellpadding="0" cellspacing="0" class="dg_borderstyle" border="1" bordercolor="#1C568A">                <tr>                 <th width="3%" style="background-color:#9FBFE3"><div align="center" title="全选/全不选"><input id="allSelect" name="allSelect" type="checkbox" onclick="selectAll()" title="全选/全不选"/></div></th>                                  <th width="10%" style="background-color:#9FBFE3"><div align="center">记录日期</div></th>                  <th width="10%" style="background-color:#9FBFE3"><div align="center">热点类型</div></th>                 <th width="13%" style="background-color:#9FBFE3"><div align="center">上网类型</div></th>                  <th width="12%" style="background-color:#9FBFE3"><div align="center">手机号码</div></th>                  <th width="12%" style="background-color:#9FBFE3"><div align="center">地址建议</div></th>                                   </tr>                <s:iterator value="surveyList" id="dto" status="sta">                       <tr onMouseOver="MOver(this)" onMouseOut="Mout(this)" class="dg_alternatingitemstyle">                                                 <td align="center" class="f">                          <c:choose>                           <c:when test="1==1">                            <input id="ck" name="ck" type="checkbox" onclick="cancelCKSelect()" disabled="disabled"/>                           </c:when>                           <c:otherwise>                            <input id="ck" name="ck" type="checkbox" onclick="cancelCKSelect()"/>                           </c:otherwise>                          </c:choose>                                                    <input id="ckvalue${sta.count-1}" name="ckvalue${sta.count-1}" type="hidden" value="${dto.id}"/>                         </td>                          <td align="center" class="f">                          ${dto.recmakedate}                         </td>                         <td align="center" class="f">                          ${dto.type}                         </td>                         <td align="center" class="f">                          ${dto.onlinetype}                         </td>                         <td align="center" class="f">                          ${dto.mobileno}                         </td>                         <td align="center" class="f">                          ${dto.address}                         </td>                                       </tr>                     </s:iterator>              </table>              <s:if test="surveyList.size>0">              <table width="98%" cellpadding="0" cellspacing="0" class="dg_pagestyle">                  <tr>                   <th>第${currPage}页 | 共${countPage}页/${countNum}条记录</th>                      <td>每页                            <select id="numberpg" name="numberpg" onChange="px(this.options

  $("#ckAll").click(function() {    $("input[name='sub']").prop("checked",'')" />-->  页                 <a onClick="fnull()" id="go" style="text-decoration:none;" >                 <img border="0" src="<%=path %>/themes/default/btn_go.gif" />                 </a>                 <a  style="text-decoration:none;" onClick="gopage(1)">                 <img border="0" src='<%=path %>/themes/default/btn_sy.gif'/>                 </a>                 <c:if test="${currPage!=1}">            <a  style="text-decoration:none;" onClick="gopage(${currPage-1})" >                 <img border="0" src='<%=path %>/themes/default/btn_syy.gif'/>                 </a>                 </c:if>                 <c:if test="${currPage!=countPage}">                  <a style="text-decoration:none;" onClick="gopage(${currPage+1})">                  <img border="0" src='<%=path %>/themes/default/btn_xyy.gif'/>                  </a>                 </c:if>                 <a style="text-decoration:none;" onClick="gopage(${countPage})">                 <img border="0" src='<%=path %>/themes/default/btn_wy.gif'/>                 </a>                       </td>                     </tr>              </table>               </s:if>                  <s:else>                   <center>当前查询没有数据!</center>                  </s:else>               </div>    </div>        </div>    </div></body></html><script>

[this.selectedIndex].value)">                              <option <c:if test="${prepage==100}">selected="selected"</c:if>

value="100">100</option>                              <option <c:if test="${prepage==300}">selected="selected"</c:if>

   //alert(go);         gopage(go);   }     function gopage(page){      var numberpg=document.getElementById("numberpg").value;      document.getElementById("prepage").value=numberpg;      document.getElementById("currPage").value=page;      checkSubmit();     }      function px(){      var numberpg=document.getElementById("numberpg").value;      gopage(1);     }     function driction(id){   document.s_result_form1.s_result_form1_id.value = id;    document.s_result_form1.submit();  }  $(function(){   $("td").css("height",function(){    //location.reload();    location="wlan!querySurveyWlan.do";   });   $(".dg_alternatingitemstyle").bind("mouseover","22px");    });   $(".dg_alternatingitemstyle").bind("mouseout","22px");    });  }); </script><style type="text/css"><!--.f { font-size: 12px;}--></style></head><body id="master">    <div id="mainareacontent">        <div class="mainarea">            <div class="dataarea">             <table width="100%" cellpadding="0" cellspacing="0" class="title">                        <tr>                            <th width="1268">                              <span>WLAN调查管理</span>                                                        </th>                            <td width="26" class="null">                             <input type="image" name="import" src="<%=path %>/themes/default/btn_sc.gif" onclick="deletes()" alt = "勾选批量删除"/>                            </td>                            <td width="16" class="null" align="center">                             <input type="image" name="export" src="<%=path %>/themes/default/btn_exp.gif" onclick="window.location = 'wlan!hotExport.do'" alt = "导出"/>                            </td>                            <td width="16" class="null">                             <img id="refresh" src="<%=path %>/themes/default/btn_sx.gif" width="50" height="20" alt = "刷新"/>                            </td>                        </tr>               </table>  <!----------- 数据列表 ------------------>    <div class="datagrid">       <div class="search" style="margin-top:0px;">                    <form action="wlan!querySurveyWlan.do" method="post" onsubmit="return false;"

</script>

  function fnull(){   var obj = document.getElementById("goPage");     var index = obj.selectedIndex; // 选中索引     var text = obj.options[index].text; // 选中文本     var go = obj.options[index].value; // 选中值

function deletes(){ var delId =""; var ck = $("input[name=ck]"); $.each(ck,";  }  }); delId = delId.substring(0,")); if(delId != ""){  var flag = window.confirm("您确定删除吗?");  if(!flag){   return;  }  window.location= "wlan!hotDelete.do?hotWlanId="+delId; }else{  alert('请选择需要删除的数据!'); }}</script>demo二:复制代码 代码如下:<script src="jquery-1.6.2.min.js"></script>

<input type="checkbox" id="ckAll" />check all<br /><input type="checkbox" name="sub" />1<br /><input type="checkbox" name="sub"/>2<br /><input type="checkbox" name="sub"/>3<br /><input type="checkbox" name="sub"/>4<br />

value="300">300</option>                              <option <c:if test="${prepage==500}">selected="selected"</c:if>

function selectAll(){ var ck = $("input[name=ck]"); var currSelect = $("input[name=allSelect][checked]").val(); $.each(ck,function(i){  if(!ck[i].checked && !ck[i].disabled){   r=false;   return false;  } }); $('#allSelect').attr('checked', r); }

$(function(){});

<script>

点击次数:29224
作者:
web前端行业资讯
Web new NewsList
微软发布WindowsServerBuild17074更新 ,,2018年01月18日凭借一个AI小功能,这款Google应用冲上苹果AppStore榜首 ,,2018年01月18日百度数据可视化实验室正式成立,发布深度学习可视化平台VisualDL ,,2018年01月18日OpenAI开源最新工具包,模型增大10倍只需额外增加20%计算时间 ,,2018年01月18日百度手机输入法8.0正式发布:支持多人语音速记 ,,2018年01月18日CSDN宣布收购TinyMind团队并升级为AI社区 ,,2018年01月18日甲骨文发布补丁修复英特尔芯片漏洞造成的问题 ,,2018年01月18日权威!官方发布CPU熔断和幽灵漏洞防范指引:附补丁下载 ,,2018年01月18日Oracle宣布新的JavaChampions ,,2018年01月18日Fedora28壁纸征集活动现已开幕:将持续至2月13日 ,,2018年01月18日苹果WebKit团队发布Speedometer2.0网页响应测试工具 ,,2018年01月18日百度输入法8.0后天发布:全感官AI输入 ,,2018年01月18日腾讯和乐高合作:共同研发智能玩具、游戏 ,,2018年01月18日HomePod上市日益临近智能音箱市场吸引力越来越大 ,,2018年01月18日英特尔公布修补漏洞后PC性能数据:8代CPU影响最小 ,,2018年01月18日云存储公司Dropbox秘密提交IPO申请估值超百亿美元 ,,2018年01月18日iPod之父:防手机上瘾无技术难度苹果谷歌应承担责任 ,,2018年01月18日芯片不安全英特尔云客户考虑转用AMD等对手处理器 ,,2018年01月18日2018年Java展望 ,,2018年01月18日区块链有多火?快播流量矿石遭20多万人疯抢 ,,2018年01月18日Intel搞定神经拟态芯片:模拟人类大脑、自主学习 ,,2018年01月18日阿里巴巴发布IoTConnect开放连接协议,盼推动语音互动入口普及 ,,2018年01月18日区块链火了,全球大佬们怎么看? ,,2018年01月18日Facebook正测试新功能主推本地新闻资讯 ,,2018年01月18日在GooglePlay中发现使用Kotlin开发的安卓恶意软件 ,,2018年01月18日VisualStudio201715.6预览版本2,增加新功能 ,,2018年01月18日百度陆奇:AI是5G最好的加速器 ,,2018年01月18日PinterestCEO:不同于谷歌和Facebook,我们走了第三条路 ,,2018年01月18日腾讯加码区块链项目已悄然注册“以太锁”商标 ,,2018年01月18日3D打印脑组织?科学家正在向这一目标正在前进 ,,2018年01月18日Android---30---ProgressBar进度条的使用 【移动开发】2015年04月29日晶振为什么要加电容需要配多大电容【编程语言】2015年04月02日在未安装opencv的电脑上,调用库【编程语言】2014年11月26日CodeForces377B优先队列+二分【编程语言】2014年11月27日【Android应用开发技术:网络通信】网络服务可发现基本原理【编程语言】2015年08月07日【C语言】回文数与回文字符串的判断,【编程语言】2015年04月29日Maven小结【编程语言】2014年11月04日一次SQLSERVER触发器编写感悟 【移动开发】2015年08月24日HTML5新增与结构有关的元素 【综合】2015年03月16日JavaScript创建类对象的几种方式概述及实例2014年01月29日小知识点日志(2014-10-22~2015-4-7) 【综合】2015年05月06日BitmapFactory.Options.inSampleSize的用法 【编程语言】2015年07月24日vs2010vs2008vs2005快捷键大全2014年01月29日hdu1788Chineseremaindertheoremagain最小公倍数 【编程语言】2015年04月01日【链接】函数栈帧和越界访问【编程语言】2015年04月07日Twemproxy来自Twitter的Redis代理 【编程语言】2015年01月07日【LeetCode】SimplifyPath2014年11月04日HDUACM1799循环多少次? 【移动开发】2015年03月11日J2EE核心技术构成2015年04月27日纯文字版返回顶端的js代码2014年01月29日去掉Excel表格单元格的绿色“三角”2014年01月28日Spring学习之SpringMVC框架快速搭建实现用户登录功能 【Web前端】2014年12月03日独立博客网站FansUnion.cn运营2年的经验和教训以及未来规划 【综合】2014年11月04日终端复用工具tmux的使用【移动开发】2015年02月27日javascripit实现密码强度检测代码分享2014年01月29日使用opensslAPI编写client和server 【编程语言】2015年08月24日JavaScript实现自己的DOM选择器原理及代码2014年01月29日javajson字符串转JSONObject和JSONArray以及取值 【编程语言】2015年04月09日androidtoast设置比Toast.LENGTH_SHORT还短的持续时间 【编程语言】2015年05月15日第十三周(-形状类族的中的纯虚函数) 【编程语言】2015年06月03日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)