使用jQuery点击提交按钮无法跳转至其他页面问题求助

嘿，我来帮你排查下问题～你遇到的情况其实很常见，原因出在表单的默认提交行为上。

你的按钮#Rinktis是type="submit"类型，当你点击它时，浏览器会自动触发表单的提交动作——哪怕你的表单没有设置action属性，浏览器也会默认刷新当前页面。这个默认行为会优先执行，导致你的跳转代码还没来得及生效，页面就已经开始处理表单提交了，所以看起来跳转没效果。

解决方案1：阻止按钮点击的默认行为 #

在你的点击事件里添加event.preventDefault()，用来阻止浏览器的默认表单提交动作：

$("#Rinktis").click(function (event){
  event.preventDefault(); // 关键：阻止表单默认提交
  document.location.href = "http://google.com";
});

解决方案2：修改按钮类型为button #

直接把按钮的type从submit改成button，这样点击时就不会触发表单提交，只会执行你的跳转逻辑：

<button id="Rinktis" type="button">Rinktis</button>

解决方案3：监听表单的submit事件 #

如果你之后需要处理表单数据（比如获取选中的单选框值），更推荐监听表单的submit事件，同样阻止默认行为后再跳转：

$("#form").submit(function (event){
  event.preventDefault();
  // 这里可以加获取表单数据的逻辑，比如：
  // const selectedValue = $("input[name='atsakymas']:checked").val();
  document.location.href = "http://google.com";
});

内容的提问来源于stack exchange，提问作者Kevinas