$(document).ready(function(){//checkbox全选$('#btn1').click(function(){$("[name = 'checkbox']").attr('checked',true);});//checkbox取消选择$('#btn2').click(function(){$("[name = 'checkbox']").attr('checked',false);});//checkbox反选$('#btn3').click(function(){$("[name = 'checkbox']").each(function(){if($(this).attr('checked')){$(this).removeAttr('checked');}else{$(this).attr('checked',true);}});});    //checkbox选中偶数行$('#btn4').click(function(){$("[name = 'checkbox']:even").attr('checked',true);});//设置table2偶数行背景色$("#table2 tr:even").css("background-color","#DBE5F1");    //鼠标移上时添加行背景色  css类hover中定义的是背景色,也可定义其他$('#table2 tbody tr',this).mouseover(function(){$(this).find('td').addClass("hover");});//鼠标移去时恢复行背景色$('#table2 tbody tr',this).mouseout(function(){$(this).find('td').removeClass("hover");});//点击添加按钮跳转页面$('#btnAddInList').click(function(){var url="/gis/supplyArea/addInListSupplyArea.do";//alert(url);
        $.ajax({url:url,complete:function(){location.href =url}//完成后跳转的页面
        });        });//删除选定的复选框的记录$('#btnDel').click(function(){var supplyAreaIds = '';$("[type='checkbox'][name='checkbox']:checked").each(function(){supplyAreaIds+= $(this).val()+",";});//alert(supplyAreaIds);var url="/gis/supplyArea/deldeteSupplyArea.do";$.ajax({type:'POST',            contentType: "application/x-www-form-urlencoded;charset=utf-8",url:url,data:{ids:supplyAreaIds},dataType:"text",    //成功后success:function(msg){alert(supplyAreaIds+" 删除成功!");    },//完成后complete:function(){$("[name = 'checkbox']").attr('checked',false);//取消选择location.reload();//刷新
            } });});
});

本文转自:http://blog.csdn.net/hu_shengyang/article/details/6437729

转载于:https://www.cnblogs.com/Joetao/articles/3223497.html

jQuery对checkbox的操作(转载)相关推荐

  1. JQuery对checkbox的操作

    对复选框组的全选.全不选.不全选,获取选中的复选框的值的操作 点击全选按钮,复选框组全部选中或者全部取消. 实现全选按钮和复选框组的联动,当复选框组中有一个没有被选中后,那么id='checkedAl ...

  2. JQuery对checkbox操作 (循环)

    下面是Jquery对checkbox的一些操作,全选,反选,取消全选等等... View Code <%@ Page Language="C#" AutoEventWireu ...

  3. JQuery对CheckBox的一些相关操作

    一.通过选择器选取CheckBox: 1.给CheckBox设置一个id属性,通过id选择器选取: <input type="checkbox" name="myB ...

  4. Jquery基础之DOM操作

    Jquery基础之DOM操作 Dom是Document Object Model的缩写,意思是文档对象模型.DOM是一种与浏览器.平台.语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件.DO ...

  5. jQuery中HTML的操作

    jQuery中HTML的操作 创建元素的方式 jQuery中创建元素的方式: 1.$("标签的代码") 2.对象.html("标签的代码"); var aObj ...

  6. Jquery全选系列操作(锋利的jQuery)

    Jquery全选系列操作(锋利的jQuery) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  7. jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)

    第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...

  8. jquery选中checkbox

    jquery选中checkbox: $(function(){ $("[value = bb]:checkbox").attr("checked", true) ...

  9. 原创:通过jQuery进行跨域操作

    之前尝试过用aJax做的一些跨域请求,一般都是在本地可以跨域,但放到服务器上就不行了. 现在找到了一种更好的方法:.NET+$.getJSON,代码非常简洁,可以兼容各种主流浏览器,不会弹出安全提示对 ...

最新文章

  1. 因融资失败,应用崩溃,3名程序员被“祭天”!
  2. 科普丨莫拉维克悖论(人工智能中最重要的发现之一)
  3. python官网下载速度慢-python 官网慢
  4. LYNC2013部署系列PART10:后端高可用部署
  5. composer搭建php框架,用 Composer构建自己的 PHP 框架之基础准备
  6. mvn linux,Linux安装Maven
  7. tornado异步客户端(Future)
  8. JS调试的时候遇到无限debugger怎么办?
  9. 一文带你彻底理解ROC曲线和AUC值
  10. android仿美丽说登录拖拽Layout
  11. 有趣的逻辑较量——《啊哈C语言》更新开始
  12. VS Code 中常用的 (前端)PHP 编程插件(2018)
  13. java 中的radix_Java Scanner radix()用法及代码示例
  14. 第七颗头骨 忘魂花 凤凰
  15. Tunnello安装指南
  16. 优酷网视频播放器站外调用详解
  17. ios html js调用陀螺仪,Js 获取手机陀螺仪
  18. 基于MATLAB的说话人识别系统
  19. 听完“Java 教父”李刚的分享,我总结了两点建议
  20. Programming tools

热门文章

  1. [react] 你有在项目中使用过Yeoman脚手架吗?
  2. Taro+react开发(89):封装为一个函数渲染
  3. 前端学习(3145):react-hello-react之getStateFromProps
  4. 前端学习(2915):数据绑定
  5. 前端学习(2682):重读vue电商网站3之登录页面总结el-form 组件问题
  6. 前端学习(2342):react的生命周期
  7. 前端学习(687):for循环执行流程
  8. 前端学习(395):京东制作页面4自己制作icon图标
  9. 64 modol1模型
  10. html:(23):css代码语法和css注释语法