layui 动态设置 checbox 选中状态

Posted 2020-12-01 sirdong

layui复选框checkbox选中赋值，解决layui设置checbox选中不生效的问题

直接上代码

//监听指定开关
form.on('switch(dongsir)', function(data){
    $("input[type=checkbox]").prop('checked',this.checked);
    form.render('checkbox');
});

直接设置 attr=checked 是无效的

对于 attr 和 prop 网上有一些不同的见解，这里整理了一些提供大家参考：

对于html元素本身就带有的固有属性，在处理时，使用prop方法；
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法；

在我们要操作的是标签元素固有的一些属性时，推荐使用prop，固有属性指的是标签本身就有的一些属性，如a标签的href属性，img标签的src属性；
而在我们要操作的是自定义的一些属性时，推荐用attr；