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中根據索引去獲取輸入文本的值方法。
