layui单选框radio使用form.render() 更新渲

作者: 菜菜___ | 来源:发表于2019-12-17 16:11 被阅读0次

    使用layui做表单处理的时候需要多次切换radio的选中项,使用attr("checked","checked");后再使用form.render()更新渲染发现不生效,刚开始以为是form.render()渲染的问题,后来发现改成 prop('checked',true);就好了


    //无效
    $("input[name=sex][value='男']").attr("checked","checked");
    form.render();
    //生效
    $("input[name=sex][value='男']").prop("checked",true);
    form.render();
    

    使用过程发现 $("input[name='sex']:eq(0)").attr("checked", 'checked'); 这种写法初始化赋值并加上form.render()是可以更新渲染的,但是如果多次切换的话会造成input的值切换成功,但是layui展示渲染失败(打印值是正确的,按钮显示没有切换过来),而改成prop设置属性值则多次更新也没有问题。

    得出结论:

    html 自带属性请用prop()方法,自定义属性用 attr() 方法,同时具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()
    并且prop的属性值true,false请不要加"",如prop("checked","true");这种写法依旧不生效
    同时可以使用prop设置多个属性

    $("input[name=sex][value='男']").prop({"checked":false,"disabled":true});
    

    原文作者技术博客:https://www.jianshu.com/u/ac4daaeecdfe

    相关文章

      网友评论

        本文标题:layui单选框radio使用form.render() 更新渲

        本文链接:https://www.haomeiwen.com/subject/olasgctx.html