1 回答

TA貢獻(xiàn)1111條經(jīng)驗(yàn) 獲得超0個(gè)贊
您需要停止重新加載頁面。
使用表單提交時(shí)防止重新加載頁面的一種好方法是添加return false您的onsubmit屬性。
在純 Javascript 中,您還可以使用: e.preventDefault()
或者您可以將您的<button type="button">Submit</button>類型設(shè)置為按鈕并通過單擊此按鈕手動(dòng)處理表單提交。
下面的片段顯示了return false方法。
function count() {
var first = document.querySelector('input[name="first"]:checked').value;
var second = document.querySelector('input[name="second"]:checked').value;
var dps = 0;
var tank = 0;
var sup = 0;
if (first == 'dps') {
dps++;
}
if (first == 'tank') {
tank++;
}
if (first == 'sup') {
sup++;
}
if (second == 'dps') {
dps++;
}
if (second == 'tank') {
tank++;
}
if (second == 'sup') {
sup++;
}
var count2;
if (dps > tank && dps > sup) {
count2 = "dps";
}
if (tank > dps && tank > sup) {
count2 = "tank";
}
if (sup > dps && sup > tank) {
count2 = "sup";
}
var result = document.getElementById("motek");
result.innerText = count2;
}
<form id='hello' onsubmit="count(); return false">
<h3>what your favorite food?</h3>
<input type="radio" name="first" value="tank">hghjghj<br>
<input type="radio" name="first" value="dps">hghjfgsfghj<br>
<input type="radio" name="first" value="sup">hghsgdsdqqwj<br>
<h3>what your favorite food?</h3>
<input type="radio" name="second" value="tank">Tank<br>
<input type="radio" name="second" value="dps">DPS<br>
<input type="radio" name="second" value="sup">SUPP<br>
<input type="submit" value="submit">
</form>
<div id="motek">
</div>
添加回答
舉報(bào)