文档章节

checkbox的全选 反选 单选 行选择最准确的代码

短短的歼击机
 短短的歼击机
发布于 2012/08/22 15:18
字数 185
阅读 251
收藏 2
$(function(){

//单元格奇数行颜色渐变 
$(".Repeatertable tr:odd").addClass("jishuhang");   

//单元格偶数行颜色渐变    
$(".Repeatertable tr:even ").addClass("oushuhang");    

//奇数行选择checkbox选中
$(".Repeatertable tr:odd").each(function(){

$(this).click(function(){

var e = $(this).children("td").children(":checkbox");

if(e[0].checked) {

e.attr("checked", "");

} else {

e.attr("checked", "checked");

}

});

});

//偶数行选择checkbox选中   
$(".Repeatertable tr:even").each(function(){

$(this).click(function(){

var e = $(this).children("td").children(":checkbox");

if(e[0].checked) {

e.attr("checked", "");

} else {

e.attr("checked", "checked");

}

});

});

//checkbox选中
$(":checkbox").click(function(){

var e = $(this);

if(e[0].checked){

$(this).attr("checked",false);

}else{

$(this).attr("checked",true);

}

});

//光棒
$(".Repeatertable tr").hover(function(){

$(this).addClass("guangbang");

}, function(){

$(this).removeClass("guangbang");

});

//全选
$("#sa1").click(function(){           
$(".Repeatertable :checkbox").attr("checked",'true');
});

//反选
$("#sa2").click(function(){
$(".Repeatertable :checkbox").each(function(){
$(this).attr("checked", !$(this).attr("checked"));
});
});

//取消全选
$("#sa3").click(function(){
$(".Repeatertable :checkbox").attr("checked", "");
});
});


© 著作权归作者所有

短短的歼击机

短短的歼击机

粉丝 82
博文 268
码字总数 269797
作品 0
武汉
高级程序员
私信 提问
DWZ框架v1.1.6 发布

V1.1.6 Final DWZ中jQuery版本从1.4.2升级到1.4.4 navTab组件重复打开同一个页面时是否重新加载数据控制: navTab.openTab(tabid, url, { title:”New Tab”, flesh:false, data:{} }); 解决d...

张慧华
2011/01/07
3.6K
0
JQuery操作checkbox、radio

(引自 daysmileface的博客) 例:将多个选中的checkbox的值组装成一个字符串 <script type=text/javascript> function addMem(){ //var followers = document.getElementsByName("followers")......

JAVA_NINA
2011/12/08
414
0
复选框问题

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style......

李永china
2016/09/26
6
0
小博老师演示常用JQuery效果 ——复选框全选和反选效果

[理论知识] 我们在实际开发应用程序的过程中,经常会遇到复选框全选和反选的效果需求,本文小博老师就为大家演示一下,如何使用JQuery框架实现复选框全选和反选的效果。 [步骤解读一]界面布局...

博为峰教研组
2016/11/18
39
0
JavaScript一些实用代码记录1

代码1:表单中文本框的焦点的获取和移出 用户名: 密 码:

日久不生情
2017/11/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

为什么Netty的FastThreadLocal速度快

前言 最近在看netty源码的时候发现了一个叫FastThreadLocal的类,jdk本身自带了ThreadLocal类,所以可以大致想到此类比jdk自带的类速度更快,主要快在什么地方,以及为什么速度更快,下面做一...

ksfzhaohui
22分钟前
4
0
资治通鉴解析:无论什么条件,要挟权力做出承诺,都会被清算

电影《满城尽带黄金甲》里有句经典的名言“朕赐给你的,才是你的。朕不给你的,你不能抢。”之所以这段话有名,核心的就是,它揭示了这样一个权力心思:无论什么情况,权力的行使,都不愿意受...

太空堡垒185
26分钟前
3
0
CSS技巧之向下箭头

本文转载于:专业的前端网站➫CSS技巧之向下箭头 思路: 使用◇符号(可在输入法的软键盘找到该符号),使用定位选择位置,并隐藏溢出的上半部分 细点: 1.使用i标签的楷体属性把◇变大 2.给i...

前端老手
43分钟前
2
0
SpringCloud alibaba微服务之NACOS多环境配置整合

前言 伴随着spring cloud alibaba 登上主板以后,我就去了解下感觉还是蛮不错的。说实话第一次看见Nacos好长一段时间连读法都不知道...(/nɑ:kəʊs/)。按照官方的话说Nacos是:一个更易于...

攻城狮-飞牛
45分钟前
4
0
tcpdump

tcpdump -A -s0 port 21011 -i any (1)tcp: ip icmp arp rarp 和 tcp、udp、icmp这些选项等都要放到第一个参数的位置,用来过滤数据报的类型 (2)-i eth1 : 只抓经过接口eth1的包 (3)-t : 不显...

mskk
50分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部