解決layui動態載入核取方塊無法選中

2021-09-05 12:46:37 字數 777 閱讀 2834

1.最近用layui做後台介面,遇到layui跟ajax資料動態載入的checkbox,偶爾不能正常勾選,取消

2.有分頁時,最後一頁資料過少會導致其他頁下方資料無法選中

3.頁面沒載入完或暴力測試時也會不能選中

利用layui更新渲染方法和網上的一些方法去解決後極大的減少了無法選中的情況,但是暴力測試時偶爾還會出現,實在不知道什麼原因,所以就用了乙個折中的方法——自己寫乙個核取方塊

自己寫的同樣支援vue繫結事件,並且支援單個選中、取消,全選和取消

//單個的選中取消 

checkbox:function(n));

checkbox.attr("a","on");

}else );

checkbox.attr("a","off");

}}

//全選取消

checkboxall:function());

$('.checkbox').attr("a","on");

}else );

$('.checkbox').attr("a","off");

}}

全選或者選中其中幾個,獲取對應id,刪除或進行其他操作

function getid() 

});return arr;

}

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

layui新增核取方塊 layui核取方塊使用介紹

layui核取方塊 效果圖layui核取方塊,乙個主的核取方塊控制多個從核取方塊,主核取方塊和從核取方塊的顏色不一樣 layui核取方塊的樣式,都是在選然後才會有的,所以直接通過css設定就實現不了了。只可以通過js動態設定 html 使用了jfinal的模板 i18n.get 所屬校區 for c...

JQuery實現動態載入核取方塊

效果如圖,通過ajax接收的資料,動態生成想要的日期 在網上查詢一番後,參考別人的 記錄下來,方便以後查閱 function show showtime form clear instrumentnameshow textbox setvalue row.id textbox settext row...