zoukankan      html  css  js  c++  java
  • 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中根据索引去获取输入文本的值方法。

  • 相关阅读:
    BZOJ1000 A+B Problem
    网络最大流
    树形结构
    BZOJ2521 最小生成树 最小割
    HDU5266 LCA 树链剖分LCA 线段树
    BZOJ3991 寻宝游戏 LCA 虚树 SET
    深度优先搜索DFS
    斯特林数
    Noip2017 普及 T3 Chess
    键盘自动机
  • 原文地址:https://www.cnblogs.com/Big-Boss/p/9441752.html
Copyright © 2011-2022 走看看