Javascript 如何在网页上设置一个变量，以便在需要时进行更新？

我有三个单选按钮。每个都有一个值1、2或3。在单选按钮下，我需要显示一个与当前所选单选按钮值匹配的数字。这必须实时更新

目前我有这样的想法：

<input type="radio" Id="case" value="1" checked>
<input type="radio" Id="case" value="2">
<input type="radio" Id="case" value="3">

<script>
document.write(document.getElementById("case").value);
</script>

加载页面时，javascript运行一次，并打印1。我想在选择另一个单选按钮时更改此号码，但我不确定如何更改。我在解决方案方面很灵活，不必使用javascript。。。如有任何建议，将不胜感激。我正在使用Rails。

这是通过使用来完成的。考虑下面的代码：：

函数changeValueevent{ 如果event.target.getAttribute'type'='radio'{ document.getElementById'newValue'。innerHTML=event.target.value； } } getElementById'buttons'。addEventListener'click'，changeValue，false；

---

1尝试使用给定的代码。也许这就是你需要的东西

所容纳之物 $function{ $'input[type=radio]'。单击函数{ $'val'.html$this.val； } }

---

也是一种可能的方法：

<input type="radio" name="case" value="1" checked />Value 1<br />
<input type="radio" name="case" value="2" />Value 2<br />
<input type="radio" name="case" value="3" />Value 3<br />
<div id="radioValue">Selected value is: <span>1</span></div>


<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>

$(document).ready(function() {

    $('input[name='case']').click(function() {
        $("div#radioValue span").text($(this).val());
    });

});

</script>

---

如果页面随时加载，是否要激活上次更改？此问题与JQueryTanks没有太多关系。我现在正在阅读jQuery，它似乎正是我想要的。@Jeese，请注意，这个问题包含了我在解决方案方面的灵活性，不必使用javascript。这就是为什么我根据自己的喜好来回答。我知道这一事实也可以用JavaScript来完成。不管怎样，谢谢你正是我需要的。我以前没有使用过jquery，但它看起来是客户端HTML操作的优秀工具。@Ren，您必须注意HTML中的每个元素都必须具有唯一的id值。不能在所有单选按钮中使用相同的Id值。在这种情况下，验证HTML将显示错误。@vivek:不想更改作者原始输入元素的结构。但是，根据您的反馈，我已经更改了ID=>Name。希望这个或其他答案能帮助他解决问题。