1

我有以下代码：

    <fieldset id="dificuldade">
        <legend>Dificuldade:</legend>
        <input type="radio" name="dificuldade" value="facil"> Fácil </input>
        <input type="radio" name="dificuldade" value="medio"> Médio </input>
        <input type="radio" name="dificuldade" value="dificil"> Difícil </input>
    </fieldset>

    <fieldset id="tipo">
        <legend>Tipo de jogo:</legend>
        <input type="radio" name="Tipodejogo" value="somar"> Somar </input>
        <input type="radio" name="Tipodejogo" value="subtrair"> Subtrair </input>
        <input type="radio" name="Tipodejogo" value="dividir"> Dividir </input>
        <input type="radio" name="Tipodejogo" value="multiplicar"> Multiplicar </input>
    </fieldset>

    <input type="button" value="Começa" id="button" ></input>
</form>

这是带有 html 和 js http://jsfiddle.net/3bc9m/15/的 jsfiddle 。我需要存储 2 个字段集的值，因此我可以根据选择的值生成游戏，但我的 javascript 没有返回其中任何一个。怎么了？有人告诉我 JQuery 要容易得多，但我不能使用它。

4

2 回答 2

2

您在 jsFiddle 上的代码在大多数情况下似乎运行良好。唯一的问题是页面上不存在这些output元素output2。

因此，本应显示所选值的代码不起作用：

document.getElementById('output').innerHTML = curr.value;
document.getElementById('output2').innerHTML = tdj.value;

实际检索所选值的部分工作正常。

只需将这两个元素添加到页面中，如下所示：

<p>Selected Values:</p>
<div id="output"></div>
<div id="output2"></div>

可以在此处找到更新的 jsFiddle 。

编辑

如果仅选择一组中的单选按钮，则代码将失败。您可以使用此代码来查找选定的值：

document.getElementById('button').onclick = function() {

    var dif = document.getElementsByName('dificuldade');
    var tip = document.getElementsByName('Tipodejogo');

    var difValue;
    for (var i = 0; i < dif.length; i++) {
        if (dif[i].type === "radio" && dif[i].checked) {
            difValue = dif[i].value;
        }
    }

    var tipValue;
    for (var i = 0; i < tip.length; i++) {
        if (tip[i].type === "radio" && tip[i].checked) {
            tipValue = tip[i].value;
        }
    }

    document.getElementById('output').innerHTML = difValue;
    document.getElementById('output2').innerHTML = tipValue;
};​

更新的 jsFiddle 在这里。

于 2012-11-02T15:47:10.127 回答
-1

考虑解决这个问题的这篇文章。它显示了一些 javascript 方法以及如何在 jQuery 中使用它。

如何检查是否使用 JavaScript 选择了单选按钮？

您是否有特定原因要按字段集分解它而不是直接按名称访问单选按钮？

于 2012-11-02T15:25:44.733 回答