1

正如标题所说，我需要创建一个游戏，但我的问题是我不知道如何使用 javascript 读取单选按钮，并且基于选项，它会生成一个具有玩家选择难度的游戏模式场景。我使用一个文本输入作为昵称，使用 2 个像这样的字段集供玩家选择游戏类型和难度。

            <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>
4

1 回答 1

2

我建议你使用 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/

正如 Nate 所说，确保 DOM 已准备好，否则这将不起作用。这意味着您的所有代码都应该在元素的onload事件上运行。body有关更多详细信息，请参见：http: //www.w3schools.com/jsref/event_body_onload.asp

于 2012-11-02T00:58:00.803 回答