layui單擊行選中或勾選取消

2021-10-02 04:52:39 字數 733 閱讀 1442

直接copy就能用

//單擊行勾選checkbox事件


$(document).on("click",".layui-table-body table.layui-table tbody tr", function ()  else 


var checkcell = tablediv.find("tr[data-index=" + index + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox i");


if (checkcell.length>0) 


});$(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) );
實現原理：找到table的div繫結單擊事件到**的行：1、取得行的索引data-index，為後面查詢checkbox的控制項作準備2、根據是否有固定列查詢checkbox所在的**table（當存在固定列時，固定列是另乙個table，checkbox控制項就在這上面，因此要優先取這個）3、通過table和data-index查詢checkbox控制項」td div.laytable-cell-checkbox div.layui-form-checkbox i」，如果存在，則執行單擊4、對td的單擊事件進行攔截停止，防止事件冒泡再次觸發上述的單擊事件5、將此**在頁面初始化後執行一次即可以。

ruoyi滑鼠單擊一行選中資料

最近使用ruoyi框架的時候，在table中選中某行記錄，可以用checkbox打對勾選中。但是有需求想在滑鼠單擊某行的時候，某行顏色加深並被選中，所以進行了簡單實現，頁面在引入必要的jquery和ruoyi所需要的js之後，頁面的資料展示會在table中進行展示 此刻如果想要在table中通過滑鼠...

Extjs grid 單擊某一行時卻選中了另一行

前些時候用extjs thinkphp配合負責乙個公司的erp中的一小塊內容後來發現gird 中的內容出了一些問題，當我單擊某一行進行操作時，總是莫名其妙的選中上邊的已有一行，非常鬱悶，以為是前台 合併出了問題，仔細的檢視 糾結了好久也沒有找到問題所在。如圖所示 在開發過程中就沒有理會更多，後來重新...

選中一行或多行的快捷鍵

一.全選 ctrl a 二.選擇當前行 按home 定位到行首 然後按shift dnd 行尾 或者 按end 定位到行尾 然後按shift home 或者 按home 定位到行首 然後按shift 三.選中多行 按home 定位到行首 然後按ctrl shift dnd 行尾 或者 按end 定位...