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

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中根据索引去获取输入文本的值方法。

 

转载于:https://www.cnblogs.com/Big-Boss/p/9441752.html