如何使用javascript評估和生成HTML格式的結果

作爲標題說我需要創建一個遊戲，但我的問題是，我不知道如何閱讀使用JavaScript的單選按鈕和基於選項，它會在遊戲模式下產生一個場景，並且玩家很難挑選。我正在使用一個文本輸入作爲暱稱和2個字段，這樣玩家可以選擇遊戲的類型和難度。如何使用javascript評估和生成HTML格式的結果

  <fieldset> 
      <legend>Dificuldade:</legend> 
        <input type="radio" name="dificuldade" value="easy"> easy </input> 
        <input type="radio" name="dificuldade" value="medium"> medium </input> 
        <input type="radio" name="dificuldade" value="hard"> hard </input> 
      </fieldset>

來源

2012-11-02 Cláudio

我們將需要有關如何發送和評估表單的更多詳細信息。加上阻礙表單發送的任何信息。嘗試將標題更改爲特定問題而不是主題區域？ –

這就是我的問題我不知道如何發送表單並使用javascript評估它，因此可以生成場景 –

有幾種不同的方法ajax，post，submit，json ...我會用簡單的東西首先用javascript表單。 W3Schools是一個JavaScript教程和表格的好地方，你甚至可以檢查一下：http://www.tizag.com/javascriptT/javascriptform.php –

我建議你使用jQuery，它使生活變得更輕鬆：

$('[name=dificuldade]:checked').val()

的jsfiddle：http://jsfiddle.net/3bc9m/

否則，你將不得不通過每個DOM中單選按鈕，並檢查他們的checked財產。當您找到checked === true之一時，您可以閱讀其value屬性。就像這樣：

var fieldset = document.getElementById('difficuldade'); // You'd need to set an ID to the fieldset element 
var curr = fieldset.firstChild; 

while (curr != null) { 
    if (curr.checked) { 
     break; 
    } 
    curr = curr.nextSibling; 
} 

curr.value; // This is your selected value

的jsfiddle：http://jsfiddle.net/3bc9m/1/

正如奈特所說，確保DOM準備好，否則將無法正常工作。這意味着您的所有代碼都應在body元素的onload事件上運行。有關更多詳細信息，請參閱此處：http://www.w3schools.com/jsref/event_body_onload.asp

來源

2012-11-02 00:58:00 LukeGT

你好，謝謝你回答，我想我已經嘗試了你說的第二種方法，並在循環結束時使用了一個警報來看看什麼它保存了，但它沒有返回任何東西 –

我做了一個編輯來演示如何用vanilla Javascript實現這一點。不過考慮學習jQuery，你可以看到它爲你節省了多少痛苦。 – LukeGT

您必須確保DOM已準備就緒。 –

如何使用javascript評估和生成HTML格式的結果

回答

相關問題