layUI修改修改页面回显性别选择按钮

Posted 2021-06-15 ITdfq

表格数据

• 当点击编辑按钮时，弹出页面，在页面上显示所选中行的数据
• 回显操作代码

						body.contents().find("#id").val(data.id);
                        body.contents().find("#realname").val(data.realname);
                        body.contents().find("#username").val(data.username);
                        body.contents().find("#password").val(data.password);
                        // body.contents().find("#role").attr("checked", true);
                        body.contents().find("input[name=role][value='1,2']").attr("checked", data.role == "1,2" ? true : false);
                        body.contents().find("input[name=role][value=1]").attr("checked", data.role == "1" ? true : false);
                        body.contents().find("#email").val(data.email);
                        body.contents().find("#phone").val(data.phone);

实现效果

可以看到 输入框内的值 会自动回显 ，不需要再进行设置