手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

layui复选框回显方法

时间:2024-10-12 05:46:53

1、双击打开HBuilderX工具,创建Web项目并新建一个页面文件,引入layui相关的文件

layui复选框回显方法

2、在<body></body>标签中,插入一个form标签元玟姑岭箫素,并绑定layui中的样式

layui复选框回显方法

3、在form标签外层中,定义一个div标签并设置隐藏,然后插入几个复选框

layui复选框回显方法

4、调用layer,定义对象kom,还有userWin函数

layui复选框回显方法

5、接着在按钮标签上,添加属性data-type,设置为userWin

layui复选框回显方法

6、使用ID绑定按钮点击事件,获取data-type属性,然后进行调用

layui复选框回显方法

7、在layer.open()方法中,定义回调成功函数,对复选框进行回显

layui复选框回显方法

8、保存代码并运行页面文件,打开浏览器,查看效果

layui复选框回显方法

9、点击提交按钮,可以看到弹出窗口中的复选框选中

layui复选框回显方法
© 手抄报圈