您的位置:首页 > Web前端 > CSS

表格tr选中的样式变化和checkbox选中事件

2014-04-22 13:17 399 查看
// slice去除表格的第一行(表头)
// tr上监听click mouseenter mouseleave事件
$(".list tr").slice(1).on("click mouseenter mouseleave", function (event) {
var $tr = $(this);
if (event.type === "mouseenter") {
if (!$tr.hasClass("selected")) {
$tr.addClass("trhover");
}
} else if (event.type === "mouseleave") {
$tr.removeClass("trhover");
} else if (event.type === "click") {
var $checkbox = $("input[type='checkbox']",$tr);
if ($checkbox.prop("checked") == true) {
$checkbox.prop("checked", false);
$tr.removeClass("selected");
} else {
$checkbox.prop("checked", true);
$tr.addClass("selected");
}
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐