layui問(wèn)題之模擬table表格中的選中按鈕選中事件的方法
一、問(wèn)題
不操作頁(yè)面，實(shí)現(xiàn)table表格中的checkbox選中功能
二、經(jīng)過(guò)
剛開(kāi)始的思路：
1、通過(guò)table的id，找到table渲染時(shí)生成的div，即table的下一個(gè)兄弟節(jié)點(diǎn)div.layui-table-view
2、由于checkbox是固定列，再通過(guò)第一步，找到div.layui-table-view的子元素.layui-table-fixed
3、緊接著，找出table的第一行的第一個(gè)td里面的input，即tr[data-index="0"] td input(注：這個(gè)input的類型就是checkbox)
4、找到input的下一個(gè)兄弟節(jié)點(diǎn)，即div.layui-form-checked
layui.use(['table', 'form', 'layer', 'layedit', 'laydate'], function() {
// code
//模擬checkbox選中功能
var checkbox = $('#employeesTable').next().find('.layui-table-fixed tr[data-index="0"] td input');
checkbox.next().click();
});
結(jié)果可想而知，并沒(méi)有實(shí)現(xiàn)。在console中打印出來(lái)，找不到.layui-table-fixed，只能找到table里面的<tbody></tbody>，而且里面沒(méi)有子節(jié)點(diǎn)。
三、結(jié)果
想一下，大概是table渲染數(shù)據(jù)時(shí)，模擬checkbox選中功能已經(jīng)開(kāi)始執(zhí)行了。更這段code加一個(gè)延遲，這個(gè)問(wèn)題解決。
setTimeout(function () {
var td = $('#employeesTable').next().find('.layui-table-fixed tr[data-index="0"] td input');
td.next().click();
},3000);
PS:后臺(tái)在寫(xiě)測(cè)試，需要操作頁(yè)面dom，用到了這種模擬事件。
以上這篇layui問(wèn)題之模擬table表格中的選中按鈕選中事件的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中各種編碼解碼函數(shù)的區(qū)別和注意事項(xiàng)
JavaScript 中encodeURI,encodeURIComponent與escape的區(qū)別和注2010-08-08
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)抽獎(jiǎng)小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了js中的WebSocket使用及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖（下篇）
這篇文章主要介紹了完美實(shí)現(xiàn)八種js焦點(diǎn)輪播圖的具體代碼，基于完美運(yùn)動(dòng)框架move2.js實(shí)現(xiàn)的焦點(diǎn)錄播圖，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
原生js實(shí)現(xiàn)的金山打字小游戲（實(shí)例代碼詳解）
這篇文章主要介紹了原生js實(shí)現(xiàn)的金山打字小游戲，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
使用postMesssage()實(shí)現(xiàn)跨域iframe頁(yè)面間的信息傳遞方法
下面小編就為大家?guī)?lái)一篇使用postMesssage()實(shí)現(xiàn)跨域iframe頁(yè)面間的信息傳遞方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家一個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-03-03
js實(shí)現(xiàn)input的賦值小結(jié)
這篇文章主要介紹了js實(shí)現(xiàn)input的賦值問(wèn)題小結(jié),在實(shí)際的開(kāi)發(fā)中,為了頁(yè)面的美觀,可能用到一些框架,比如EasyUI框架,文中介紹了easyui的input框賦值代碼,感興趣的朋友一起看看吧2023-12-12
如何用js判斷當(dāng)前是否是企業(yè)微信環(huán)境還是微信環(huán)境
這篇文章主要給大家介紹了關(guān)于如何用js判斷當(dāng)前是否是企業(yè)微信環(huán)境還是微信環(huán)境的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了簡(jiǎn)單了解JS打開(kāi)url的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了jQuery拖拽 & 彈出層，有需要的朋友可以參考一下2013-12-12