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