Question

我不知道为什么它不起作用，希望根据复选框值重定向到页面或什么也不做。这是代码

<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>

我该怎么做

Answer 1

你可以在jquery

中完成

$('#myCheck').click(function() {
    if($('#myCheck').is(':checked')){
        window.location = 'http://www.naveedramzan.com';
    }
});

Answer 2

如果你想保持表格在虚假状态下不做任何事情，你需要做两件事。

当您调用该函数时，您需要使用return。因此，表单不会提交，直到它返回真值。
在你的函数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

Answer 3

修改你的功能：

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

要从一个页面重定向到另一个页面，请使用window.location.href，而不是window.location。

Answer 4

您也可以使用location.assign()功能

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

Answer 5

你不想为此使用帖子，一切都可以在客户端处理：

<body>
    Checkbox: <input type="checkbox" id="myCheck">
    <input type="button" value="Submit" onclick="lol()">

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

根据复选框使用javascript重定向到页面

5 个答案: