Как применить функцию к кнопке

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!");
    }
}

Удачи!