教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery高效反选具体实现

jquery高效反选具体实现

发布时间:2014-01-06   编辑:jiaochengji.com
反选想必大家都有一个比较独特的方法吧,下面与大家分享下利用jquery实现高效反选,具体代码如下感兴趣的朋友可以参考下哈
复制代码 代码如下:

// 反选
$("#reverse-select").click(function() {
$('.table tr').each(function() {
var input = $(this).find('input');
var statu=input.prop("checked")==true?false:true;
input.prop("checked",statu);
});

});

我在table上面每一行放了个checkbox 然后用按钮单击,实现反选
主要是这一行:
复制代码 代码如下:

var statu=input.prop("checked")==true?false:true;

如果选中就为false否则为true
代码还可以精简的。

您可能感兴趣的文章:
jquery高效反选具体实现
JQUERY CHECKBOX全选,取消全选,反选方法三
基于jQuery架构javascript基础体系
photoshop不用反相让黑发变白发后期处理教程
链接渐变效果 jQuery glow
jquery实现带单选按钮的表格行选中时高亮显示
jQuery1.9升级和删除的API指南
学习 jquery 选择器引擎sizzle的使用
jQuery鼠标动画插件 jquery-ahover
css的选择器的详细介绍

关键词: jquery  反选   
[关闭]
~ ~