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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM