Question

我有一堆单选按钮。它们各自对应于1到24之间的数字。我想在选择单选按钮后立即在页面的其他位置显示该数字。我该怎么做？

Answer 1

这样的事情：

<div id="someplace"></div>
<script type="text/javascript">
    function updateText(number) {
        document.getElementById("someplace").innerHTML = number;
    }
</script>
<input value="1" type="radio" onclick="updateText(1)"/>1<br/>
<input value="2" type="radio" onclick="updateText(2)"/>2<br/>
...

如果你想做更高级的事情，比如不必在每次onclick中放置（1）和（2），请使用更高级的Jquery。

Answer 2

您可以使用ID“displayNum”创建一个DIV，并使用“display：none”样式属性

然后为单选按钮创建一个“onClick”处理程序。

从处理程序调用的函数将确定单击了哪个按钮（来自按钮的ID），然后将“displayNum”DIV的内容更改为数字（使用DIV的innerHtml属性），以及更改DIV的“显示”属性从不可见的“无”到可见的“块”。

只要单击单选按钮，就会动态显示文本

2 个答案: