1。最近用layui做后台界面,遇到layui跟ajax数据动态加载的复选框,偶尔不能正常勾选,取消
2。有分页时,最后一页数据过少会导致其他页下方数据无法选中
3。页面没加载完或暴力测试时也会不能选中
利用layui更新渲染方法和网上的一些方法去解决后极大的减少了无法选中的情况,但是暴力测试时偶尔还会出现,实在不知道什么原因,所以就用了一个折中的方法,自己写一个复选框
& lt; !——原有layui复选框——比; & lt; td> & lt; div class=" layui-unselect layui-form-checkbox lay-skin”=爸鳌笔輎d=' 2 '祝辞& lt;我类=發ayui-icon祝辞,# xe605; & lt;/i> & lt;/div> & lt;/td> & lt; !——替换为自己写的——比; & lt; td> & lt; div=肮乇铡眂lass=案囱】颉眝-bind:数据id=" x。Id v:单击“=备囱】?我)”在 & lt; div> & lt;/div> & lt;/div> & lt;/td>
自己写的同样支持vue绑定事件,并且支持单个选中,取消,全选和取消
//单个的选中取消 复选框:函数(n) {=$ var复选框(tbody tr) .eq (n); (“.checkBox”); 如果(checkbox.attr (a)==肮乇铡?{ checkbox.children (" div ") . css ({ “显示”:“块” }); checkbox.attr (“a”,“上”); 其他}{ checkbox.children (" div ") . css ({ “显示”:“没有” }); checkbox.attr (“a”,“关闭”); } } >之前//全选取消 checkBoxAll:函数(){ var obj=$ (' thead '); (“.checkBox”); 如果($ (obj) .attr (a)==肮乇铡?{ $('。复选框div”)。css({“显示”:“块”}); $ (' .checkBox ') .attr (“a”,“上”); 其他}{ $('。复选框div”)。css({“显示”:“没有一个”}); $ (' .checkBox ') .attr (“a”,“关闭”); } } >之前全选或者选中其中几个,获取对应id、删除或进行其他操作
函数getId () { tbody .checkBox var obj=$ (" "); var arr=? obj。每个(函数(指数(el) { 如果(obj.eq(指数).attr (a)==皁n”) { arr +=obj.eq(索引).attr(数据id) + ', ' } }); 返回arr; } >之前以上这篇解决layui动态加载复选框无法选中的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
解决layui动态加载复选框无法选中的问题