亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

個性測驗-無線電類型和價值

個性測驗-無線電類型和價值

慕斯709654 2021-10-21 14:24:53
我正在嘗試使用 javascript(沒有 jquery)在 HTML 中進行個性測驗,但我不知道我的問題出在哪里。我知道我需要把 return false 但我不知道是不知道怎么用好值function count() {  var first = document.querySelector('input[name=first]').value;  var second = document.querySelector('input[name=second]').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()">  <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 favoritsfde food?</h3>  <input type="radio" name="second" value="tank">hghfsghj<br>  <input type="radio" name="second" value="dps">hghesfghj<br>  <input type="radio" name="second" value="sup">hghsfdqwj<br>  <input type="submit" value="submit"></form><div id="motek"></div>
查看完整描述

1 回答

?
catspeake

TA貢獻1111條經驗 獲得超0個贊

您需要停止重新加載頁面。


使用表單提交時防止重新加載頁面的一種好方法是添加return false您的onsubmit屬性。


在純 Javascript 中,您還可以使用: e.preventDefault()


或者您可以將您的<button type="button">Submit</button>類型設置為按鈕并通過單擊此按鈕手動處理表單提交。


下面的片段顯示了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>


查看完整回答
反對 回復 2021-10-21
  • 1 回答
  • 0 關注
  • 147 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號