如何从表单提交事件中获取导致提交的按钮值

 

 

复制代码
<!DOCTYPE html>
<html>
<head>
  <title>如何从表单提交事件中获取导致提交的按钮?</title>
  <meta charset="utf-8">
  
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>  
</head>
<body>

<form class="layui-form" method="post" >

<button type="submit" class="layui-btn" value="0" lay-submit="" lay-filter="demo1">保存</button>
<button type="submit" class="layui-btn yllanse"  value="-1"  lay-submit="" lay-filter="demo1">预览</button>


</form>

<script type="text/javascript">
//给每个按钮增属性 $("form button[type=submit]") 我这个是按钮,如果你是<input type="submit" >请把$("form input[type=submit]")换成input的 

$("form button[type=submit]").click(function() { 
  $("button[type=submit]", $(this).parents("form")).removeAttr("clicked");
  $(this).attr("clicked", "true");
});


$(document).ready(function(){ 

  $('.layui-form').submit(function (event) {

    //$("button[type=submit][clicked=true]")我这是按钮形式,如果你是 <input type="submit" /> 请换成$("input[type=submit][clicked=true]").val()形式
    
    var val = $("button[type=submit][clicked=true]").val();
    console.log(val);
    return false;
  });
  

});

</script>

</body>
</html>
复制代码

 

posted @   Abner3721  阅读(350)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示