动态生成html radio未渲染,layui单选框radio使用form.render() 更新渲染失效的原因

最新推荐文章于 2024-06-24 17:50:40 发布

就叫考拉北极熊吧

最新推荐文章于 2024-06-24 17:50:40 发布

阅读量601

点赞数

文章标签：动态生成html radio未渲染

在使用layui进行表单处理时遇到一个关于radio选中状态切换的问题。通过 attr() 方法设置checked属性在多次切换后无法正确渲染，而使用 prop() 方法则能正常工作。博客详细分析了 attr() 和 prop() 的区别，并指出对于具有true和false属性的属性，如checked，应使用prop()。同时提供了一个示例，展示了如何正确地使用prop()进行多次更新渲染。

摘要由CSDN通过智能技术生成

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

e7014baba9e1

//无效

$("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});