javascript - 根据复选框使用java脚本重定向到页面

标签 javascript html

我不知道为什么它不起作用,想要根据复选框值重定向到页面或什么都不做。这是代码

<html>
<body>

<form onsubmit= "lol()" >
Checkbox: <input type="checkbox" id="myCheck">
<input type="submit" value="Submit">
</form>

<script>
function lol()
{
if(document.getElementById("myCheck").checked == true)
{
window.location="http://www.google.com";
}
else
{
// want do nothing and stay at same page .
}
}
</script>

</body>
</html>

我该怎么做

最佳答案

如果您想让表单在错误条件下不执行任何操作,则需要执行以下两件事。

  1. 调用函数时需要使用return。这样表单在获得返回 true 值之前不会提交。

  2. 在函数的 else 部分中,您需要提到 return=false。它将停止提交表单。

Javascript:

    function lol()
    {    
     if(document.getElementById("myCheck").checked == true)
     {    
        window.location.href="http://www.google.com";
     }
     else
      {
        return false;
      }
    }

HTML

  <form onsubmit="return lol()">
Checkbox: <input type="checkbox" id="myCheck"/>
<input type="submit" value="Submit" />
</form>

JSFIDDLE DEMO

关于javascript - 根据复选框使用java脚本重定向到页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24163532/

相关文章:

javascript - 如何关闭工厂方法中向 Controller 返回 promise 的事件监听器?

html - 明确与隐含段落的奇怪之处

html - Mozilla 和 Chrome 在 CSS 上的区别

html - css 剪辑路径动画在悬停时触发

php - 用英文字母替换土耳其字母

javascript - 如何防止谷歌广告显示控制台消息或 Uncaught Error

javascript - JavaScript 中的 If(条件 == 任意数组值)

javascript - Javascript 是否有与 PHP 相同的打开和关闭标签?

javascript - 标题 : how to hide it? 中的 jqGrid 多选 "check all"

javascript - 查询。简单的下拉选择菜单行为问题