表格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"); } } });
相关文章推荐
- jQuery注册表格(table)行(tr)点击选中checkbox事件
- 选中checkbox给表格tr添加样式
- jQuery 点击tr选中checkbox,并点击checkbox本身也正常,表格练习完工
- easy-ui中表格中动态添加checkbox,和全选事件和判断选中事件
- jQuery:1.5.4.4,表格变色(单击行,把当行的复选框(checkbox)设为选中状态,并应用当前样式)
- JQuery点击行(tr)实现checkBox选中,反选时移除和添加样式.
- android 给选中的文字添加点击事件和修改audoLink 的超链接样式
- checkbox勾选事件,JQ设置css,下拉框JQ选中
- 关于jquery遍历已选中的checkbox事件,获取其值,批量进行删除
- 1)复选框中文字在左边;2)水平滚动条最小值为4、最大值为72;且在窗体Load事件中通过代码设置;3)单击任何复选框,标签上文字样式都发生变化;4)单击任意单选按钮,标签上文字字体都发生改变;5)拖
- jquery实现checkbox全选,选择性勾选,以及table中点击tr中任意一行实现选中或不选中
- jquery的Flexigrid改造,支持选中行内容获取,两个表格行相互移动,行选中事件,支持dwr
- 自定义CheckBox的选中与否样式
- 选中状态class的名称变化,可动态控制样式
- table表格的checkbox的全选和选中
- listUI中改变选中表格产生的事件
- layui表格checkbox选择全选样式及功能
- SWT/jface 之 CheckBoxTreeViewer 选择父节点时 子节点全部选中。选择子节点时,父节点选中,并且是Grayed 样式(实心)
- jquery+DOM实现表格拖选,使checkbox选中