如何將功能應用於按鈕

Question

我有4個下拉列表。每個下拉列表都包含所有虛假值和一個真實值，我的目標是生成一條警報消息，並根據值爲真來打開新頁面。但是，我想知道如何將此代碼應用於按鈕，以便在點擊按鈕時發生所描述的操作，因爲此時絕對沒有任何事情發生。

<input name="button" type="submit" class="main" id="button" value="Submit" onclick="submit()" /> 


</script> 

<script type="javascript"> 

這是它放在這裏，供大家參考

<input name="button" type="submit" class="main" id="button" value="Submit" onclick="submit()" /> 

var selectbox = document.getElementById("select_box"); 
var a = selectbox.options[selectbox.selectedIndex].value; 

var selectbox2 = document.getElementById("select_box2"); 
var b = selectbox2.options[selectbox2.selectedIndex].value; 

var selectbox3 = document.getElementById("select_box3"); 
var c = selectbox3.options[selectbox3.selectedIndex].value; 

var selectbox4 = document.getElementById("select_box4"); 
var d = selectbox4.options[selectbox4.selectedIndex].value; 


if (a == "true" && b == "true" && c == "true" && d == "true") 
{ 
alert("Correct you have won press OK for your Reward!") 
document.open("Reward.html"); 
} 
else 
{ 
alert("Not right Please try again!"); 
} 

</script> 

Answer 1

確保您的onClick值指向這樣的功能的我的按鈕的細節：

<input name="button" type="submit" class="main" id="button" value="Submit" onclick="checkValues();"/> 

並實際功能存在：

function checkValues(){ 
var selectbox = document.getElementById("select_box"); 
var a = selectbox.options[selectbox.selectedIndex].value; 

var selectbox2 = document.getElementById("select_box2"); 
var b = selectbox2.options[selectbox2.selectedIndex].value; 

var selectbox3 = document.getElementById("select_box3"); 
var c = selectbox3.options[selectbox3.selectedIndex].value; 

var selectbox4 = document.getElementById("select_box4"); 
var d = selectbox4.options[selectbox4.selectedIndex].value; 

if (a == "true" && b == "true" && c == "true" && d == "true") 
    { 
     alert("Correct you have won press OK for your Reward!") 
     document.open("Reward.html"); 
    } 
    else 
    { 
     alert("Not right Please try again!"); 
    } 
} 

祝你好運！