JS中通过LayUI的layer.prompt弹出文本输入层，多个按钮回调获取输入值

2024-05-20 21:24| 来源: 网络整理| 查看: 265

JS中通过LayUI弹出文本输入层，多个按钮回调：

如图所示，输入文本后点击通过/不通过按钮回调获取输入文本值的实现：

　　实现JS：　　

layer.prompt({ formType: 2, // 弹出文本层类型 title: '请输入值', // 标题 value:'', // 可以设置文本默认值 area: ['500px', '150px'], // 设置弹出层大小 btn: ['通过', '不通过','取消'], // 自定义设置多个按钮 btn2: function(index, elem){ // 得到value var value = layui.jquery('#layui-layer'+index + " .layui-layer-input").val(); 　　　　　alert(value); if (!value) { 　　　　　　　　return false;　　// 如果value为空，停止继续执行　 } 　 layer.close(index); }, btnAlign: 'c', // 设置按钮位置 }, function(value, index, elem){ alert(value); // 得到value layer.close(index); });

其中，btn2中layui.jquery('#layui-layer'+index + " .layui-layer-input").val() 是layui中根据索引去获取输入文本的值方法。

【本文地址】

公司简介

联系我们