Question

因为标题说我需要创建一个游戏，但我的问题是我不知道如何使用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>

Answer 1

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

如何使用javascript从html表单评估和生成结果

1 个答案: