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

 

posted @ 2018-08-08 11:28  ヤBig、Bossづ  阅读(4999)  评论(0编辑  收藏  举报