Javascript 如何从现场设置中知道检查了哪个收音机

我有以下代码：

    <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的JSFIDLE。我需要存储2个字段集的值，以便根据选择的值生成游戏，但我的javascript不会返回任何值。怎么了？有人告诉我JQuery要简单得多，但我不能使用它。

考虑一下这篇讨论这个问题的帖子。它展示了一些javascript方法以及如何在jQuery中使用它

---

您想按字段集分解它，而不是按名称直接访问单选按钮，有什么具体原因吗？

您在JSFIDLE上的代码在大部分情况下运行良好。唯一的问题是页面上不存在

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>

所选值：

可以找到更新的JSFIDLE

编辑

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

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;
};​

document.getElementById（'button'）。onclick=function（）{
var dif=document.getElementsByName（'deficuldade'）；
var tip=document.getElementsByName（'Tipodejogo'）；
var二值；
对于（变量i=0；i

---

更新后的JSFIDLE是。

你说的是什么Javascript？上面的Javascript代码不是真的，我只是真的很困惑，不知道从哪里开始。你寄给我的那一页是金色的，谢谢。我将字段集用于样式目的，我编辑并尝试按名称调用它，甚至有一个变量来查看它们是否都被选中，但每次都返回false：Your’s code在JSFIDLE上运行良好，但它没有显示在我的页面上，它只显示“selected Values:”并且不打印任何输出值。我只允许使用1页，所以我一直在使用DOMTAB:在选项卡之间切换，这是我没有得到任何输出的原因吗？@Cláudio:我不认为DOMTAB会造成问题，但很难确定。在上面运行调试器可能会给您一些启示。我已尝试更改您的代码，以便在我未同时选择这两个选项时出现错误，但即使我同时选择了这两个选项，它似乎也会显示警报。我从来没有使用过调试器，我应该使用哪个调试器？@Cláudio：即使您因为键入错误而选择了这两个调试器，它也会显示警报。这个应该有用：。对于调试器，如果您使用的是Chrome，请使用它附带的Chrome开发工具（按shift+ctrl+i，然后转到Sources选项卡）。对于FireFox，FireBug是一个不错的选择。如果您使用的是IE，IE开发者工具可以正常工作（按F12）。你用哪一个真的取决于你自己。我大部分时间都在使用Chrome开发者工具。我尝试使用Firebug，但我有点迷路了，所以我决定下载Chrome，它给了我一个“未捕获的TypeError:无法将属性'onclick'设置为null”