Layui动态改变checkbox,form.render无效的问题

  • Post author:
  • Post category:其他


Layui动态改变checkbox,form.render无效的问题

在这里插入图片描述

今天在写后台的时候,使用了layui,发现如上图所示,当选中了多选按钮,动态设置下面的全部选中,设置选中方法使用qjeury的attr的方法,其中我也使用了layui 提供的api form.render()。单单控制多选按钮attr设置生效,并且下面的子元素也可以有效果。

但是当我选了多选按钮之后,再去选择单选按钮的时候发现,没有效果。

无奈之下去查了资料

从 jQuery 1.6 开始新增了一个方法 prop()。

在这里插入图片描述
在这里插入图片描述

了解了官网官网文档后,我还是去测试了

在这里插入图片描述

打印出来的数据如下:(测试浏览器使用谷歌浏览器)

在这里插入图片描述

总结:

prop()函数的结果:

匹配到的是属性;

attr()函数的结果:

匹配到的是属性值;

所以当我们在设置只有true和false两个属性的时候使用prop,别的时候使用attr就可以了。



版权声明:本文为weixin_41800118原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。