上萬個多選框造成的卡頓問題

2022-08-26 01:45:06 字數 524 閱讀 6562

公司要做乙個指揮排程頁面,其中有乙個功能就是通過列表控制地圖上的攝像頭顯示和隱藏,如下圖

通過傳統的控制多選框的,原始碼如下

//全選/全不選操作

57 function setallno()

64 }else

68 }

當這樣實現checkbox的全選或全不選的時候,當多選框的數量很大時,頁面就會假死過去

先把需要操作的checkbox移出移出dom,即:

複製原有的checkbox到v1(隨便乙個變數)

刪除原有的checkbox

改變v1狀態值,(checked=false或checked=true),再放入原有被刪除的checkbox的位置

var parent = $(el).parent();

var t = $(el).detach();

t.prop('checked', true);

layui 單選框和多選框聯動實現多選框的禁用

首先是單選框和多選框的html layui form item layui form label 禁用開關 label layui input block radio name demo lay filter erweima value true title 是 radio id demor nam...

js 多選框 單選框

此多選框 單選框可以換按鈕 只更改雪碧圖的定位即可。沒有使用自帶的控制項,是重新寫的。用到了模組化開發,類的匯出匯入,類的繼承。type module import radio from js radio.js import checkbox from js checkbox.js let hobb...

多選框向後台傳值,多選框的回顯,對多選框的各種操作

1.多選框的回顯 js function 獲取多選框需要回顯得對應的值集合 console.info checkarray checkarray for var i 0 i 獲取所有核取方塊物件的value屬性,然後,用checkarray i 和他們匹配,如果有,則說明他應被選中 each che...