当选中一个表行并用复选框删除时,jQuery实现了一个明亮的显示。

通过jQuery技术操作表是容易的,jQuery的语法,可以轻松的完成交错形成的色彩,突出了悬架,在实际应用中可能出现在餐桌上,一个复选框,删除复选框行的记录被删除。在这个地方,你可以添加一个特殊的效果,点击线和选择线的复选框,和该行的背景色也突出。这种感觉非常好。

结果如下:
我在这里做了两个函数:
函数1,单击一行,选中该行的复选框,并更改背景颜色。
2、单击选择/取消选择选项卡,更改颜色。
两个函数我封装在js文件中,当使用时,它完成了。
首先,看看CSS代码,然后把它封装在一个CSS文件中。
复制代码代码如下所示:
选择{。
背景:# ff6500;
颜色:# FFF;
}

查看js文件的代码:
函数1代码:
复制代码代码如下所示:

*在包含复选框的表中设置背景色
* /
$(文档)Ready(函数())
{

*当单击表行时更改背景颜色。
* /
$(# tablight TR:GT(0)(函数)(点击) / /得到线二
{
如果($(this)。HasClass(选择)) / /确定选定
{
$(这)。RemoveClass(选择),(复选框)。Attr(查看
}
其他设置
{
$(这)。AddClass(选择),(复选框)。Attr(查看
}
});
});

函数2代码:
复制代码代码如下所示:

单击选择和取消选择*改变背景颜色后
* /
功能设置颜色(TR) / /设置背景颜色
{
var = $(# checkbox tablight TR:GT(0)输入{类型=复选框}); / /把所有的复选框
无功boxeds = $(# tablight TR:GT输入{类型}选中复选框(0):); / /得到复选框选择
如果(boxeds.length > 0)
{
checkboxs.parent(家长)(AddClass)(选择); / /复选框在TD
}
其他的
{
checkboxs.parent()。父()。RemoveClass(选择);
}
}

如果你想在力使代码,需要添加ID属性表,属性值是tablight,选择/取消上线后调用设置颜色的方法。