当前位置:  编程技术>jquery

jquery实现checkbox全选全不选(示例)

    来源: 互联网  发布时间:2014-09-03

    本文导语:  1,演示代码一   代码示例: jquery实现checkbox全选全不选_脚本学堂_http://www.     function checkSubmit() {    document.Search.submit();   }   function fnull(){    var obj = document.getElementById("goPage");      var index = obj.selected...

1,演示代码一
 

代码示例:











jquery实现checkbox全选全不选_脚本学堂_http://www.

 
  function checkSubmit() {

   document.Search.submit();
  }

  function fnull(){
   var obj = document.getElementById("goPage");
     var index = obj.selectedIndex; // 选中索引
     var text = obj.options[index].text; // 选中文本
     var go = obj.options[index].value; // 选中值
   //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","22px");

   $("#refresh").bind("click",function(){
    //location.reload();
    location="wlan!querySurveyWlan.do";
   });

   $(".dg_alternatingitemstyle").bind("mouseover",function(){
    $(this).children().css("height","22px");
   });

   $(".dg_alternatingitemstyle").bind("mouseout",function(){
    $(this).children().css("height","22px");
   });
  });
 







        
   
 
     
        WLAN调查管理     
     
     
      
     
     
      
     
     
       刷新
     
 
 
 
   
 
    

       
 
  

  
  
记录日期

   
热点类型

  
上网类型

   
手机号码

   
地址建议
    
 
 
  
  
   
    
     
    
    
     
    
       
   
  
   
    ${dto.recmakedate}
  
  
    ${dto.type}
  
  
    ${dto.onlinetype}
  
  
    ${dto.mobileno}
  
  
    ${dto.address}
    
 
      
 
 
 
   
     第${currPage}页 | 共${countPage}页/${countNum}条记录
        每页 
   
        100
        300
        500
   
      条记录 | 第

 
 
   ${stu.count}
  
    ${stu.count}
  
 
 

       页
  
  
  

  
  
  
  
           
  
  
  
  
   
   
   

  
  
  
  

          
   
 
 
   
     当前查询没有数据!
   
 

   

       

   




$(function(){

});
function selectAll(){
 var ck = $("input[name=ck]");
 var currSelect = $("input[name=allSelect][checked]").val();

 $.each(ck,function(i){
  //alert(ck[i].disabled)
  if(!ck[i].disabled){
   ck[i].checked = currSelect;
  }

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

 $.each(ck,function(i){
  if(ck[i].checked && !ck[i].disabled){
   delId += "'"+$("#ckvalue"+i).val()+"',";
  }
 });
 delId = delId.substring(0,delId.lastIndexOf(","));
 if(delId != ""){
  var flag = window.confirm("您确定删除吗?");
  if(!flag){
   return;
  }
  window.location= "wlan!hotDelete.do?hotWlanId="+delId;
 }else{
  alert('请选择需要删除的数据!');
 }
}

2,演示代码二
 

代码示例:


check all

1

2

3

4


  $("#ckAll").click(function() {
    $("input[name='sub']").prop("checked", this.checked);
  });

  $("input[name='sub']").click(function() {
    var $subs = $("input[name='sub']");
    $("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);
  });


    
 
 

您可能感兴趣的文章:

  • jQuery定时器插件 jQuery Timers应用示例
  • jquery打开dialog的简单示例
  • jQuery animate方法定位页面具体位置(示例)
  • jQuery设置input type值示例
  • jquery弹窗代码示例
  • jquery的父子兄弟节点查找示例代码
  • jquery获取第几个元素方法示例 jquery选择器
  • jquery遍历checkbox简单示例
  • jquery动态添加option示例
  • Jquery定时器的简单示例
  • JQuery获取上传文件大小(示例)
  • Jquery在指定DIV加载HTML示例代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jQuery获得内容和属性方法及示例
  • jquery根据name属性查找示例
  • jQuery find与children方法示例
  • jQuery回车键绑定点击事件示例
  • jQuery 滚动示例插件 kinetic
  • jQuery设置CSS属性(示例)
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery checkbox
  • jquery遍历checkbox代码与说明
  • JQuery checkbox全选的小例子
  • jquery遍历checkbox介绍
  • jquery遍历checkbox的注意事项说明
  • jquery动态获取复选框checkbox选中个数
  • jQuery判断checkbox是否被选中的三种方法
  • jQuery判断checkbox是否选中的3种方法
  • jquery判断复选框checkbox是否选中的简单示例
  • jQuery1.9.1针对checkbox的调整方法(prop)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • JQuery实现元素屏幕居中显示的代码
  • jquery 回车登录的实现方法
  • 基于jQuery实现的MVC开发框架 CorMVC
  • 简单的代码实现jquery定时器
  • jQuery Trim去除字符串首尾空字符的实现方法说明
  • jquery插件开发之实现jquery手风琴功能分享
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery实现的导航固定效果
  • jquery实现点击消失的代码
  • jquery 实现弹出div位于屏幕正中(图文)
  • jQuery 表格隔行换色 鼠标高亮行变色的实现代码
  • jquery特效 table鼠标滑过变色的实现代码
  • Jquery点击高亮显示的实现代码
  • jquery实现图片路径不存在时进行替换的代码
  • jquery 选择块与改变属性值的实现方法
  • 60秒倒计时的jquery实现代码
  • jquery半透明设置实现代码
  • jquery 实现文本框焦点自动跳转
  • jQuery概述,代码举例及最新版下载
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3