欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery高效反选具体实现代码

程序员文章站 2022-05-02 12:19:07
jquery高效反选具体实现代码如下: // 反选 $("#reverse-select").click(function() { $('.tab...

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
代码还可以精简的。