jquery全选、删除所选

--------------全选:
<label><input type="checkbox" id="all"/>全选</label>
<script>
  var status = true;
  $("#all").click(function(){
    if(status){
      $("#selectAll input[type=checkbox]").each(function(){
        $(this).attr("checked","checked");
      });
      status = false;
    }else{
      $("#selectAll input[type=checkbox]").each(function(){
        $(this).attr("checked","");
      });
      status = true;
    }
  });
</script>
--------------删除所选:
<input type="button" class="delete" value="删除所选">
<script>
  $(".delete").click(function(){
    var chk_len = $("#selectAll input[type=checkbox]:checked").length;//选中个数
    var chk_obj = $("#selectAll input[type=checkbox]:checked");//复选框对象
    var del_ids = ‘‘;
    if (chk_len > 0) {
      for (var i = 0; i < chk_len; i++) {//组合要删除的ID
        del_ids += chk_obj.eq(i).val()+‘,‘;
      }
       del_ids = del_ids.substring(0,del_ids.length-1);//删除最后一逗号
      if (confirm(‘共选择‘+chk_len+‘条,Are You 确定?‘)) {
         location.href = ‘mh/mhDelete?ids=‘+del_ids;
       }
     } else {
       alert(‘至少选择一项!‘);
     }
  });
</script>

时间: 2024-10-07 11:16:51

jquery全选、删除所选的相关文章

jquery 全选 反选 取消 批量删除

首选引入jquery 全选 //全选 function myall(){ $("input[name='d[]']").each(function(index,e){ $(this).prop('checked',true); }); } 取消 //当true改为false时为取消 // function no(){ // $("input[name='d[]']").each(function(index,e){ // $(this).prop('checked'

jquery实现全选、不选、反选的两种方法

在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用prop取值时,真的为"true",假的为"false".经过网上参考一些资料,及根据官方的建议这两个用法:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr().   方法一

jquery全选,jquery全不选,jquery反选

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>全选,不全选,反选</title> <script src="js/jquery.js" type="text/j

jQuery 全选与反选时出现的bug!

今天在写项目,使用jQuery1.10.2 发现一个小小的bug, 在设置checked属性时,前两次反选的时候是正常的,后面均不正确,通过调试, 准确的说应该是只有第一次是正确的,在第二次单击时,事件快完成的时候的运行的流程有点奇怪.所以自己感觉这么 成熟的框架不应该出现这个问题,于是又将1.11.1版本下载下来,也是jQuery1的最新版本测试,同样末果,问题依 然存在,使用标准的document.getElementById, 直接设置值是没有问题的. 我本人根据测试,应该是jQuery的

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

jQuery实现的checkbox复选框全选和全不选效果

jQuery实现的checkbox复选框全选和全不选效果:复选框的全选和全不选效果在代码中非常的常用,尤其在批量处理的需求中更是如此,下面就通过一个代码实例简单介绍一下如何实现此效果,希望能够对需要的朋友有所帮助,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http:

jquery全选、反选、全不选

jquery全选.反选.全不选简单实现 Jquery代码 !function ($) { //全选 反选 全不选 $("#selAll").click(function () { $(".lists :checkbox").not(':disabled').prop("checked", true); }); $("#unSelAll").click(function () { $(".lists :checkbox

Jquery全选,Jquery全不选,Jquery反选

<!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&g

自定义tableView全选、单选、多选删除Cell

继上一篇tableView编辑状态下的全选删除. 上一篇说的是tableView系统自带的删除(系统的全选删除 本人研究了好久 始终没有研究出来,也希望大家如果用的是系统的allowsMultipleSelectionDuringEditing这种删除 实现了全选删除,本人也求一份小demo),而这篇里主要是自定义的全选.单选.多选删除.先上效果图 起初自己写遇到了很大问题,不是能非常完美的实现这块功能,由于研发时间问题,最终也是参考了一个写好的demo,进行了一个修改,demo地址 这个dem