jQuery对checkbox的操作(转载)
$(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的操作(转载)相关推荐
- JQuery对checkbox的操作
对复选框组的全选.全不选.不全选,获取选中的复选框的值的操作 点击全选按钮,复选框组全部选中或者全部取消. 实现全选按钮和复选框组的联动,当复选框组中有一个没有被选中后,那么id='checkedAl ...
- JQuery对checkbox操作 (循环)
下面是Jquery对checkbox的一些操作,全选,反选,取消全选等等... View Code <%@ Page Language="C#" AutoEventWireu ...
- JQuery对CheckBox的一些相关操作
一.通过选择器选取CheckBox: 1.给CheckBox设置一个id属性,通过id选择器选取: <input type="checkbox" name="myB ...
- Jquery基础之DOM操作
Jquery基础之DOM操作 Dom是Document Object Model的缩写,意思是文档对象模型.DOM是一种与浏览器.平台.语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件.DO ...
- jQuery中HTML的操作
jQuery中HTML的操作 创建元素的方式 jQuery中创建元素的方式: 1.$("标签的代码") 2.对象.html("标签的代码"); var aObj ...
- Jquery全选系列操作(锋利的jQuery)
Jquery全选系列操作(锋利的jQuery) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...
- jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...
- jquery选中checkbox
jquery选中checkbox: $(function(){ $("[value = bb]:checkbox").attr("checked", true) ...
- 原创:通过jQuery进行跨域操作
之前尝试过用aJax做的一些跨域请求,一般都是在本地可以跨域,但放到服务器上就不行了. 现在找到了一种更好的方法:.NET+$.getJSON,代码非常简洁,可以兼容各种主流浏览器,不会弹出安全提示对 ...
最新文章
- 因融资失败,应用崩溃,3名程序员被“祭天”!
- 科普丨莫拉维克悖论(人工智能中最重要的发现之一)
- python官网下载速度慢-python 官网慢
- LYNC2013部署系列PART10:后端高可用部署
- composer搭建php框架,用 Composer构建自己的 PHP 框架之基础准备
- mvn linux,Linux安装Maven
- tornado异步客户端(Future)
- JS调试的时候遇到无限debugger怎么办?
- 一文带你彻底理解ROC曲线和AUC值
- android仿美丽说登录拖拽Layout
- 有趣的逻辑较量——《啊哈C语言》更新开始
- VS Code 中常用的 (前端)PHP 编程插件(2018)
- java 中的radix_Java Scanner radix()用法及代码示例
- 第七颗头骨 忘魂花 凤凰
- Tunnello安装指南
- 优酷网视频播放器站外调用详解
- ios html js调用陀螺仪,Js 获取手机陀螺仪
- 基于MATLAB的说话人识别系统
- 听完“Java 教父”李刚的分享,我总结了两点建议
- Programming tools
热门文章
- [react] 你有在项目中使用过Yeoman脚手架吗?
- Taro+react开发(89):封装为一个函数渲染
- 前端学习(3145):react-hello-react之getStateFromProps
- 前端学习(2915):数据绑定
- 前端学习(2682):重读vue电商网站3之登录页面总结el-form 组件问题
- 前端学习(2342):react的生命周期
- 前端学习(687):for循环执行流程
- 前端学习(395):京东制作页面4自己制作icon图标
- 64 modol1模型
- html:(23):css代码语法和css注释语法