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的類(lèi)型就是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)文章
根據(jù)選擇不同的下拉值出現(xiàn)相對(duì)應(yīng)的文本輸入框
根據(jù)用戶選擇不同的下拉值,出現(xiàn)相應(yīng)的文本輸入框,在某些情況下比較實(shí)用,本文為大家寫(xiě)了個(gè),有需求的朋友可以參考下2013-08-08javascript?Echart可視化學(xué)習(xí)
這篇文章主要為大家介紹了Echart可視化學(xué)習(xí)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-01-01JavaScript之a(chǎn)ppendChild、insertBefore和insertAfter使用說(shuō)明
這幾天需要用到對(duì)HTML節(jié)點(diǎn)元素的刪/插操作,由于用到insertBefore方法的時(shí)候遇到了一些麻煩,現(xiàn)在作為知識(shí)的整理,分別對(duì)appendChild、insertBefore和insertAfter做個(gè)總結(jié)2010-12-12JS根據(jù)年月獲得當(dāng)月天數(shù)的實(shí)現(xiàn)代碼
這篇文章主要介紹了JS根據(jù)年月獲得當(dāng)月天數(shù)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2014-07-07關(guān)于JavaScript的with 語(yǔ)句的使用方法
JavaScript 有個(gè) with 關(guān)鍵字, with 語(yǔ)句的原本用意是為逐級(jí)的對(duì)象訪問(wèn)提供命名空間式的速寫(xiě)方式. 也就是在指定的代碼區(qū)域, 直接通過(guò)節(jié)點(diǎn)名稱(chēng)調(diào)用對(duì)象2011-05-05js下將字符串當(dāng)函數(shù)執(zhí)行的方法
js下將字符串當(dāng)函數(shù)執(zhí)行的方法,需要的朋友可以參考下。2011-07-07使用openSpeDiv方法實(shí)現(xiàn)Ecshop登錄彈窗框效果
在ECSHOP的目錄/JS/common.js中有一個(gè)openSpeDiv方法是實(shí)現(xiàn)ECSHOP的彈窗效果的。接下來(lái)通過(guò)本文給大家分享使用openSpeDiv方法實(shí)現(xiàn)Ecshop登錄彈窗框效果,需要的朋友參考下2017-03-03JS樹(shù)形結(jié)構(gòu)根據(jù)id獲取父級(jí)節(jié)點(diǎn)元素的示例代碼
這篇文章主要介紹了JS樹(shù)形結(jié)構(gòu)根據(jù)id獲取父級(jí)節(jié)點(diǎn)元素,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(三):鏈表
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(三):鏈表,本文分別講解了單鏈表與雙鏈表以及增加節(jié)和刪除節(jié)的代碼實(shí)例,需要的朋友可以參考下2015-06-06