layui组件复选框选中取消,无反应,没效果的原因 - 行业资讯

介绍

layui组件复选框选中取消,无反应,没效果的原因?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

动态的设置的复选框选中取消状态,选中状态。

  <李> $("输入(type=& # 39;复选框# 39;]”). each(函数(){ <李>美元(这).prop(& # 39;检查# 39;,false),  <李>});

这样设置按理来说是会产生效果的,可是结果往往有点出人意料,点击取消全选没有任何的效果,也没有报的错。

后来查阅官方文档后找到了原因

再每一次对layui组件选择、复选框等操作后应该再进行渲染一遍。如下加入:form.render ();

  <李> $("输入(type=& # 39;复选框# 39;]”). each(函数(){ <李>美元(这).prop(& # 39;检查# 39;,false),  <李>});李 <>李layui.form.render();李 <李>//form.render(“复选框”) <李>//两种方式都可以李

在打开页面,操作成功。

问题二:如果根据后台的数据想要动态的给复选框赋值,每次赋值过后,在请求一次,会在原来选中的复选框中添加新的选中数据,也就是说每一次的操作都在叠加,并没有取消请求之前选中的复选框。

解决方法,在每一次重新请求之前都把复选框选中的取消掉,请求成功过后重新匹配值再选中。

请求之前:

  <李> $("输入(type=& # 39;复选框# 39;]”). each(函数(){ <李>美元(这).prop(& # 39;检查# 39;,false),  <李>});李 <>李layui.form.render();

请求之后:

  <李> (var=0;我 <李> $("输入(type=& # 39;复选框# 39;]”). each(函数(){ <李>如果($(这).val ()==resdata[我].SensorID){ <李>美元(这).prop(& # 39;检查# 39;,真的), <李>} <李>}) <李>} <李> layui.form.render();

请求之后重新选中

切记每次操作后都需要form.render ();

看完上述内容,你们掌握layui组件复选框选中取消,无反应,没效果的原因的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!