layui点击按钮跳转页面

要实现在Layui中点击按钮跳转页面，可以使用Layui中的`lay-submit`和`lay-filter`属性实现表单提交，具体步骤如下：

1. 在HTML中定义一个表单，设置表单的`lay-filter`属性，这里以`formDemo`为例：

<form class="layui-form" lay-filter="formDemo">
  <!-- 表单内容 -->
</form>

2. 在表单中添加一个按钮，设置按钮的`lay-submit`属性和`lay-filter`属性，这里以`submitBtn`为例：

<button class="layui-btn" lay-submit lay-filter="submitBtn">提交</button>

3. 在JavaScript中监听按钮的点击事件，获取表单数据并跳转页面，这里以jQuery为例：

// 监听表单提交
form.on('submit(submitBtn)', function(data){
  // 获取表单数据
  var formData = data.field;
  
  // 跳转页面
  window.location.href = 'http://www.example.com/page.html';
  
  // 阻止表单跳转
  return false;
});

这样，当点击按钮时，会触发表单提交事件，获取表单数据并跳转到指定页面。

相关问题

layui按钮点击跳转页面

要实现Layui按钮点击跳转页面的功能，您可以按照以下步骤进行操作：

1. 找到目标跳转页面的页码输入框。根据引用中提供的代码，您可以使用下面的代码找到页码输入框：

$(".layui-laypage-skip").find("input")

2. 获取目标跳转页面的页码。使用上一步中找到的页码输入框，您可以通过以下代码获取目标跳转页面的页码：

var targetPage = $(".layui-laypage-skip").find("input").val();

3. 触发跳转按钮的click事件。根据引用中提供的代码，您可以使用下面的代码触发跳转按钮的click事件：

$(".layui-laypage-btn").click();

综合以上步骤，您可以将这些代码结合在一起，实现Layui按钮点击跳转页面的功能。请注意，以上代码是基于引用中提供的Layui数据表格跳转到指定页的实现方法。

: $(".layui-laypage-skip").find("input").val(目标跳转页面页码 ); 3.触发跳转按钮的click事件 $(".layui-laypage-btn").click(); 备注：页码输入框和跳转按钮位置 以上这篇Layui数据表格跳转到指定页的实现方法

layui点击按钮页面跳转

可以使用 layui 的 `form` 模块和 `lay-submit` 属性实现点击按钮跳转页面的功能。具体实现步骤如下：

1. 在 HTML 页面中引入 layui 的相关文件：

<link rel="stylesheet" href="//cdn.bootcss.com/layui/2.5.6/css/layui.min.css">
<script src="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/layui/2.5.6/layui.min.js"></script>

2. 在页面中添加一个表单，包含一个按钮和一个隐藏的输入框：

<form class="layui-form" action="target.html" method="get">
  <button class="layui-btn" lay-submit lay-filter="formDemo">跳转页面</button>
  <input type="hidden" name="param" value="value">
</form>

其中，`action` 属性指定了跳转的目标页面，`method` 属性指定了请求方式为 `get`，`lay-submit` 和 `lay-filter` 属性指定了按钮的提交事件和表单的筛选器名称。

3. 在 JavaScript 中初始化 layui 的 `form` 模块，并监听表单提交事件：

layui.use('form', function(){
  var form = layui.form;
  
  // 监听表单提交事件
  form.on('submit(formDemo)', function(data){
    // 获取输入框的值
    var param = $('input[name="param"]').val();
    
    // 将参数拼接到目标页面的地址中
    var targetUrl = data.form.action + '?param=' + param;
    
    // 跳转到目标页面
    location.href = targetUrl;
    
    // 阻止表单的默认提交行为
    return false;
  });
});

其中，`form.on('submit(formDemo)', function(data){})` 监听了表单提交事件，`data.form` 表示当前表单的 DOM 对象，`$('input[name="param"]').val()` 获取了隐藏输入框的值，`location.href` 实现了页面的跳转，并且通过 `return false` 阻止了表单的默认提交行为。

这样，当用户点击按钮时，页面就会根据输入框的值跳转到目标页面。