2014-06-11 63 views
0

我不知道爲什麼它不工作,想根據複選框值重定向到頁面或什麼都不做。這是代碼根據複選框使用java腳本重定向到頁面

<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

兩件事情,如果你想保留的形式不做虛假條件什麼。

  1. 當你調用函數時,你需要使用return。以便表單在獲得返回真值之前不會提交。

  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

0

修改你的函數:

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

1

你可以做到這一點jQuery的

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

OP不使用jQuery ... – chris97ong

+0

不管怎樣你的代碼它仍然無法工作 – chris97ong

+0

心不是的jQuery的JavaScript的延伸? – MarsOne

0

你也可以使用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 . 
} 
} 
0

你不想使用這個後,一切都可以處理客戶端方:

<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> 
相關問題