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

  • 相关阅读:
    DB2完美卸载
    protobuf2.5 iphone5s中崩溃的问题
    由fprintf和printf看C语言三种标准流
    AIR加载PDF
    使用二叉堆实现优先队列
    11636
    apache archiva安装教程
    WP独立文件资源字典
    常用软件架构模式(收集)
    MATLAB——单层感知器
  • 原文地址:https://www.cnblogs.com/Big-Boss/p/9441752.html
Copyright © 2011-2022 走看看